datetimepicker在选择日期

时间:2015-10-20 12:11:05

标签: jquery twitter-bootstrap twitter-bootstrap-3 datetimepicker bootstrap-datetimepicker

我正在使用bootstrap datetimepicker,并且希望下拉列表在选择日期以及选择日期n时都关闭。目前,两种情况都没有关闭。

以下是我正在使用的代码:

 <span id="datetimepickerStart" class="input-append date">
 @Html.TextBoxFor(model => Model.Start)

 $('#datetimepickerStart).datetimepicker({
        language: 'en',
        use24hours: true,
        format: 'MM/dd/yyyy hh:mm:ss',
        endDate: new Date(),
         autoclose: true,
        changeDate: function () {
            alert();
        }

    });

我正在将此范围转换为datetimepicker。我尝试使用autoclose属性,changeDate事件但没有成功。大多数可用的解决方案都是针对datepicker而不是针对datetimepicker。

更新:我能够处理datetimepicker的更改事件,但现在,'hide'方法无法正常工作。这是小提琴:jsfiddle.net/QM8eC/59

现在有人可以检查吗?

1 个答案:

答案 0 :(得分:1)

尝试一下,它应该可以工作。

在js部分

$(function () {
    $('#datetimepickerStart').datetimepicker({
        showClose: true,
        icons: {
            close: 'closeText'
        }
    });
});

在CSS部分

 .closeText:before {
        content: "Close";
    }

enter image description here

关注此站点:https://www.jqueryscript.net/time-clock/Date-Time-Picker-Bootstrap-4.html