kexp

以下只是简单介绍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

如有错误欢迎指正!

 

分类:

技术点:

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-09-04
  • 2022-12-23
  • 2021-06-09
  • 2021-12-05
  • 2021-12-05
猜你喜欢
  • 2021-11-20
  • 2022-02-28
  • 2021-12-05
  • 2021-12-05
  • 2021-12-06
  • 2021-12-19
  • 2022-12-23
相关资源
相似解决方案