将日期值设置为datetimepicker bootstrap 3

时间:2015-06-09 16:26:04

标签: jquery twitter-bootstrap bootstrap-datetimepicker

我希望根据从datetimepicker(datetimepicker1)获得的值和持续时间(input_duration)以天为单位,使用jQuery将日期值设置为datetimepicker。知道怎么做吗?这是我的代码:

HTML

<label for="label_duration" class="col-sm-2 control-label">Duration</label>
<div class="col-sm-2">                          
    <input type="text" class="form-control" id="input_duration" name="input_duration" placeholder="Days" required/>
</div>

<div class="col-sm-4">
    <label for="label_duration" id="lblStartDate" class="col-sm-2 control-label">Start Date</label>
    <div class='input-group date' id='datetimepicker1'>
        <input type='text' class="form-control" name="startdate" id="startdate" placeholder="yyyy-mm-dd"  required/>
        <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar"></span>
        </span>
    </div>
</div>

<div class="col-sm-4">
    <label for="label_duration" id="lblEndDate"  class="col-sm-2 control-label">End Date</label>
    <div class='input-group date' id='datetimepicker2'>
        <input type='text' class="form-control" name="enddate" id="enddate" placeholder="yyyy-mm-dd" required/>
        <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar"></span>
        </span>
    </div>
</div>

jQuery

$(function () {
        $('#datetimepicker1').datetimepicker({
            viewMode: 'years',
            format: 'YYYY-MM-DD'
        });

        $('#datetimepicker2').datetimepicker({
            viewMode: 'years',
            format: 'YYYY-MM-DD'
        });

    });

1 个答案:

答案 0 :(得分:0)

这将更改日期模式并更新日期时间选择器小部件

execute[rm -rf /opt/app/test.zip]