使用bootstrap的日期插件

时间:2023-03-08 15:41:22
使用bootstrap的日期插件

1.  需要用的js包点击下载,在项目中引入该js。

<script language="JavaScript" src="${pageContext.request.contextPath}/js/bootstrap-datetimepicker.min.js"></script>
<script language="JavaScript" src="${pageContext.request.contextPath}/js/bootstrap-datetimepicker.zh-CN.js"></script>

2.需要使用到日期的文本框

  <label for="demoDate">结束日期</label>
<input type="text" class="form-control" id="demoDate" name="demoDate" placeholder="结束日期" readonly><br/>

3.在script中使用:

<script type="text/javascript">
$("#demoDate").datetimepicker({
format: 'yyyy-mm-dd',
weekStart: 1,
todayBtn: 1,
autoclose: 1,
language: 'zh-CN',
todayHighlight: 1,
startView: 2,
forceParse: 1,
minView: "month"
});
</script>

效果:

使用bootstrap的日期插件

  如果帮助到您了,欢迎转载~

 大家有什么不明白的地方可以给我发送邮件共同探讨,有不足之处也望您及时指出!

  email: wdnnccey@gmail.com