Question

我正在使用bootstrap-timepicker（https://jdewit.github.io/bootstrap-timepicker/）获得2个输入：start_date和end_date。我看到开始日期有一个默认值，并且是最接近的：00或：30分钟。我希望end_date默认情况下最接近：00或：30分钟+ 1小时。我怎样才能做到这一点？

    $('.timepicker-input-end').timepicker({
        showInputs: false,
        defaultTime: ????
    });

Answer 1

如果你有javascript日期对象应该很简单：

var defDate = new Date ();
// you can do 00 or 30 min logic here
defDate.setHours(defDate.getHours() + 1);
$('.timepicker-input-end').timepicker({
    showInputs: false,
    defaultTime: defDate.toString("hh:mm tt")
});

更新：因为您使用12小时格式的时间戳，您可以使用datejs轻松转换时间。

Answer 2

var currentDate = new Date();
        var day = currentDate.getDate();
        var month = currentDate.getMonth() + 1;
        var year = currentDate.getFullYear();
        todayDateReport = year + "-" + month + "-" + day;
        $("#currentDate").html(todayDateReport);
        startDate = todayDateReport + " 00:00:00";
        endDate =   todayDateReport + " 01:00:00";

        $("#startDateInput").val(startDate);
        $("#endDateInput").val(endDate);
$('#startDate').datetimepicker({
         format: 'YYYY-MM-DD HH:mm:ss',
         collapse:false,
         sideBySide:true,
         useCurrent:false,
         showClose:true,
         maxDate : currentDate
     });

     $('#endDate').datetimepicker({
         format: 'YYYY-MM-DD HH:mm:ss',
         collapse:false,
         sideBySide:true,
         useCurrent:false,
         showClose:true,
     });

Answer 3

我认为这是最简单的解决方案，我忘记了fullcalendar库的使用时刻。

    $('.timepicker-input-end').timepicker({
        showInputs: false,
        defaultTime: moment($('input[name="appointment[start_time]"]').val(), "hh:mm TT").add(30, 'minutes').format("hh:mm A")
    });

您怎么看？

Bootstrap timepicker将小时数添加到默认时间

3 个答案: