【Javascript】【UI】wui-date日期时间选择器

wui-date是一个简单漂亮的前端时间选择器，基于jQuery和angularJS开发，源码只有几百行

?运行效果

?代码示例


<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>代码测试</title></head><script type="text/javascript" src="../js/jquery-3.4.0.js"></script><script type="text/javascript" src="../js/angular.js"></script><link rel="stylesheet" type="text/css" href="../css/wui-date.css"/><script type="text/javascript" src="../js/wui-date.js"></script><body ng-app="wui"><div><wui-dateplaceholder="yyyy-MM-dd hh:mm"format="yyyy-MM-dd hh:mm"interval="30"btns="{'ok':'  确定  ','now':'  当前  '}"ng-model="date1"/></div><div><wui-dateplaceholder="yyyy-MM-dd"format="yyyy-MM-dd"ng-model="date2"/></div></body><script type="text/javascript">//定义一个angularJS模块let wui = angular.module("wui", ["wui.date"]);//wui使用注意事项：//body标签中的ng-app是angularJS的模块加载指令，不可缺少//每个div内只能包含一个wui-date标签，其它的会被自动忽略//ng-model是必须属性，必须以date开头，选择日期后，model名相同的元素，都会设置相同的数值</script>
</html>

?库和官方demo下载地址
https://download.csdn.net/download/u013718730/11176071

【Javascript】【UI】wui-date日期时间选择器相关推荐

vue element ui里的日期时间选择器中国标准时间转化为年月日时分秒
<el-date-pickerend-placeholder="结束日期"range-separator="至"start-placeholder=&qu ...
Element UI——日期时间选择器el-date-picker开始时间与结束时间约束解决方案
官方文档 https://element.eleme.cn/#/zh-CN/component/datetime-picker 问题分析 el-date-picker组件需要 :picker-opti ...
关于Element UI中日期时间选择器在IE浏览器中初始化显示的兼容性问题
一.简单说明项目使用Vue+Element UI进行开发,使用了 DateTimePicker 日期时间选择器. 二.问题描述打开修改对话框(进行选择日期操作可以正常显示),在谷歌浏览器中初始化时 ...
flatpickr功能强大的日期时间选择器插件
flatpickr日期时间选择器支持移动手机,提供多种内置的主题效果,并且提供对中文的支持.它的特点还有: 使用SVG作为界面的图标. 兼容jQuery. 支持对各种日期格式的解析. 轻量级,高性能, ...
选择对话框 android_Android日期时间选择器对话框
选择对话框 android Android Date Time picker are used a lot in android apps. In this tutorial we'll demons ...
日期时间选择器bootstrap（手机适应）
使用的是开源的架构可以git clone git://github.com/smalot/bootstrap-datetimepicker.git 截图十年视图年视图月视图日视图* 小时视 ...
Python和JavaScript之间的JSON日期时间
本文翻译自:JSON datetime between Python and JavaScript I want to send a datetime.datetime object in seria ...
微信小程序----日期时间选择器（自定义精确到分秒或时段）
声明 bug:由于此篇博客是在bindcolumnchange事件中做的值的改变处理,因此会出现当你选择时,没有点击确定,直接取消返回后,会发现选择框的值依然改变. 造成原因:这一点就是由于在bind ...
DateTimePicker 日期时间选择器报错 Cannot read property ‘getHours‘ of undefined, 无法选中`[__ob_: observer__]`时做判断
我在一次开发中遇到了这个情况:使用DateTimePicker 日期时间选择器,出现无法选中, 报错 Cannot read property 'getHours' of undefined, 这个原 ...

【Javascript】【UI】wui-date日期时间选择器

【Javascript】【UI】wui-date日期时间选择器相关推荐

最新文章

热门文章