码迷,mamicode.com
首页 > 其他好文 > 详细

用datetimepicker插件实现限定时间范围的选择

时间:2018-07-07 17:59:09      阅读:322      评论:0      收藏:0      [点我收藏+]

标签:alt   图片   highlight   data-   begin   orm   结构   name   htm   

1、下面是要实现的效果图,让开始时间只能从  2018-7-1  到 2018-7-7 选择。

技术分享图片

  

2、html的结构

<div class="input-append input-group" id="beginTimeDiv">
        <input type="text" class="form-control" data-format="yyyy-MM-dd" placeholder="开始日期" disabled id="beginTime" name="beginTime" />
        <span class="input-group-addon add-on">
            <i data-time-icon="glyphicon glyphicon-time" data-date-icon="fa fa-calendar"></i>
        </span>
</div>

3、js代码

$(‘#beginTimeDiv‘).datetimepicker(‘setStartDate‘,new Date("2018,7,2"));// 2018,7,1 号能点击,要传入比开始的日期多一天 
$(‘#beginTimeDiv‘).datetimepicker(‘setEndDate‘,new Date("2018,7,7"));

  

用datetimepicker插件实现限定时间范围的选择

标签:alt   图片   highlight   data-   begin   orm   结构   name   htm   

原文地址:https://www.cnblogs.com/ilimengyang/p/9277447.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!