Boostrap-datetimepicker 日期时间选择器————时间制约
来源:互联网 发布:物理实验数据处理软件 编辑:程序博客网 时间:2024/06/06 09:30
本人做项目过程中,使用datetimepicker时间控件时,遇到了一些问题,由于官方文档说的很模糊,网上查了很多终于解决了,分享给大家。
预期效果: 出签时间 不大于 送签时间
JS Code:
<script type="text/javascript">
var now = new Date();$("#sendvisadate").datetimepicker({format: 'yyyy-mm-dd',language: 'zh-CN',endDate: now,//日期小于今天autoclose: true,//选中日期后 自动关闭pickerPosition:"top-left",//显示位置minView: "month"//只显示年月日}).on("click",function(){ $("#sendvisadate").datetimepicker("setEndDate",$("#outvisadate").val()); }); $("#outvisadate").datetimepicker({format: 'yyyy-mm-dd',language: 'zh-CN',autoclose: true,//选中日期后 自动关闭pickerPosition:"top-left",//显示位置minView: "month"//只显示年月日});</script>
注:
官方给的changeDate事件不好使,所以选择使用 click 事件。。。
阅读全文
0 0
- Boostrap-datetimepicker 日期时间选择器————时间制约
- 日期时间选择器:datetimepicker
- 日期时间选择器:datetimepicker
- bootstrap-datetimepicker日期时间选择器使用文档
- DateTimePicker控件(日期时间选择器)《笔记5》
- Bootstrap Datetimepicker(日期时间选择器)
- datetimepicker实现时间选择的相互制约
- js时间插件——datetimepicker
- boostrap的日期选择:datetimepicker 做 开始时间与 结束时间的判断,开始时间小于结束时间
- bootstrap-datetimepicker日期时间选择器的使用方法注意
- bootstrap之datetimepicker(日期时间选择器)插件详细使用方法
- bootstrap:时间选择器datetimepicker调用
- android基本 UI(四)—时间选择器TimePicker和日期选择器 DatePicker
- 第八章—进度对话框ProgressDialog、日期选择器DatePickerDialog、时间选择器TimePickerDialog
- boostrap 时间插件datetimepicker左右箭头显示不出
- jQuery DateTimePicker 时间日期控件
- jQuery DateTimePicker时间日期控件
- jQuery DateTimePicker 日期时间控件
- OpenStack-M版(Mitaka)搭建基于(Centos7.2)+++十、Openstack对象存储服务(swift)完成安装
- Java设计模式百例
- 关于 Notice: Undefined index: 2 in C:\wamp\www\...报错
- iOS开发之复制粘贴 剪切
- 多线程编程
- Boostrap-datetimepicker 日期时间选择器————时间制约
- android 自动打包测试
- DNS测试bat脚本分析
- PostgreSQL on ECS SLA 流复制备库+秒级快照+PITR+自动清理
- mysql大数据量使用limit分页,随着页码的增大,查询效率越低下。
- json文件和xml文件
- weblogic数据源和应用部署
- WebService入门
- 3、ligerUI---Grid