如何根据引导日期时间选择器中的下拉选择来限制结束日期时间

时间:2017-02-24 08:04:12

标签: jquery twitter-bootstrap datetimepicker

您正在尝试根据下拉选项限制结束日期时间选择,例如我有下拉菜单,开始日期和结束日期。如果我从下拉选择选项1时间差应该在结束日期时间选择器从开始日期是半小时,如果我选择2从日期开始,时间差应该在结束日期时间选择器从开始日期是三小时

小提琴https://jsfiddle.net/0p813h0e/

    <div class="form-group">
    <label class="col-xs-3 control-label">Notice Type</label>
    <div class="col-xs-3">
    <select name="noticeType" class="form-control">
    <option value="">Select</option>
    <option value="option1">option1</option>
    <option value="option2">option2</option>
    <option value="option3">option3</option>
    </select>
    </div>                                          
    </div>

        <div class="input-append date form_datetime" data-date="2013-02-21T15:25:00Z">
            <input size="16" type="text" value="" readonly>
            <span class="add-on"><i class="icon-remove"></i></span>
            <span class="add-on"><i class="icon-calendar"></i></span>
        </div>
<div class="input-append date form_datetime" data-date="2013-02-21T15:25:00Z">
            <input size="16" type="text" value="" readonly>
            <span class="add-on"><i class="icon-remove"></i></span>
            <span class="add-on"><i class="icon-calendar"></i></span>
        </div>
 $(".form_datetime").datetimepicker({
        format: "dd MM yyyy - hh:ii",
        autoclose: true,
        todayBtn: true,
        startDate: "2013-02-14 10:00",
        minuteStep: 10
    });

0 个答案:

没有答案