一个成熟的框架，日期控制是少不了的，在网上也有很多日期控制可以选择，而主框架用了bootstrap，日期控制也当前要用它自己的，
控件地址：http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm
GitHub上开源地址：https://github.com/smalot/bootstrap-datetimepicker
在使用datetimepicker之前，先要经过以下几个步骤
1、引用JS脚本库
<script src="/UploadFiles/2021-04-02/bootstrap.js">其中bootstrap-datetimepicker.zh-CN.js表示可以使用中文的语言显示日期时间
2、引入CSS类库
<link href="/Content/bootstraps/css/bootstrap.css" rel="stylesheet"/> <link href="/Content/bootstraps/css/bootstrap-datetimepicker.css" rel="stylesheet"/>3、定义HTML标签
<input class="form_datetime form-control" type="text" value="2016-03-07" size="16">4、编写datetimepicker事件
<script type="text/javascript"> $(".form_datetime").datetimepicker({ format: "yyyy-mm-dd", autoclose: true, todayBtn: true, todayHighlight: true, showMeridian: true, pickerPosition: "bottom-left", language: 'zh-CN',//中文，需要引用zh-CN.js包 startView: 2,//月视图 minView: 2//日期时间选择器所能够提供的最精确的时间选择视图 }); </script>注意，有很多朋友都在网上问过，如何只用日期，或者不用时间，因为默认情况下，每次使用datetimepicker选择时，都要选到日间那个级别上，很是不爽，大叔在研究中发展，使用minView这个参数解决了这个问题，它相当于在控制上，最小的显示精度，
０表示分钟（默认），１表示小时，而２表示天，我们把值设为２就不会再出现选择小时的页面了！
如果大家还想深入学习，可以点击这里进行学习，再为大家附两个精彩的专题：Bootstrap学习教程 Bootstrap实战教程
以上就是本文的全部内容，希望对大家的学习有所帮助。
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。