Bootstrap 日期插件

以下只是简单介绍Bootstrap日期插件的使用

具体请参考bootstrap DateTimePicker文档：http://www.bootcss.com/p/bootstrap-datetimepicker/

首先引用bootstrap-datetimepicker.js，地址：git clone git://github.com/smalot/bootstrap-datetimepicker.git

或者https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js

由于本人参照文档上的方法未能正常在界面上显示出预览内容，所以自己修改了一下html代码，如下：

html

 

 1 $('#ecalendar').data("date-format", 'yyyy-mm-dd');
 2     $('#ecalendar').data("link-format", 'yyyy-mm-dd');
 3   var dateTimePicker = {
 4         language: 'zh-CN',
 5         weekStart: 1,
 6         todayBtn: 1,
 7         autoclose: 1,
 8         todayHighlight: 1,
 9         startView: 2,
10         minView: 2,
11         forceParse: false,
12         pickerPosition: "bottom-left"
13     }
14   $('#ecalendar').datetimepicker(dateTimePicker);
15    var date = new Date();
16   $("#Edate").val(date.Format("yyyy-MM-dd"));
js

如有错误欢迎指正！

 

posted @ 2017-10-27 09:50  SunShine_2017  阅读(875)  评论(0)  编辑  收藏  举报