Bootstrap date-time-piker以我的格式

时间:2016-11-10 03:49:14

标签: javascript jquery twitter-bootstrap date

我是JS / JQuery的新手,我需要创建日期时间的piker。我使用bootstrap date-time-piker。

<div class="col-sm-8">
   <label for="dtp_input1" class="col-md-2 control-label">Start:</label>
    <div class="input-group date form_dateStart col-md-5" data-date=""
     data-link-field="dtp_input1" data-link-format="dd.mm.yyyy hh:mm:ss">
     <input class="form-control" size="16" type="text" value="now" readonly>
    <span class="input-group-addon"><span
    class="glyphicon glyphicon-remove"></span></span>
    <span class="input-group-addon"><span
    class="glyphicon glyphicon-calendar"></span></span>
</div>

和JS

$('.form_dateStart').datetimepicker({
    language: 'ru',
    weekStart: 1,
    todayBtn: 1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    minView: 2,
    setDate: new Date(),
    forceParse: 0
});

工作正常。但我需要一些选择

  1. 以格式current dd.mm.yyyy 00:00:00
  2. 设置默认日期 - 当前日期
  3. 选择日期后,选择时间

2 个答案:

答案 0 :(得分:0)

这可能会有帮助......

$('.form_dateStart').datetimepicker({
        language: 'ru',
        weekStart: 1,
        todayBtn: 1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        minView: 2,
        setDate: new Date(),
        forceParse: 0,
        format:'dd.mm.yyyy h:i:s',
        defaultDate: date
    });

答案 1 :(得分:0)

我认为这将解决您的问题。使用jQuery设置格式。

    $('.form_dateStart').datetimepicker({
        format: 'DD.MM.YYYY hh:mm:ss',
    });

    var d = new Date();

    var month = d.getMonth() + 1;
    var day = d.getDate();

    var output = (day < 10 ? '0' : '') + day + '.' + (month < 10 ? '0' : '') + month + '.' + d.getFullYear();

    $(".form_dateStart").val(output + " 00:00:00");

这将是您正在寻找的确切解决方案