标签: eonasdan-datetimepicker

目前,我们以半模块化的方式使用datetimepicker,因为初始化是在javascript中完成的.以前我们使用的是一个不同的datepicker组件,它缺少时间选择功能,但可以通过数据属性进行初始化.这使事情变得更容易,因为在使用该组件的asp.net MVC 5项目中,我们可以简单地创建一个编辑器模板,只要需要一个日期选择器就可以引用它,而不必编写任何javascript.我想坚持使用该模式,但未能在文档中找到任何有关它的文档.我是否遗漏了Bootstrap 3 Datepicker可能存在的问题？

我使用这个 datetimepicker：
http : //eonasdan.github.io/bootstrap-datetimepicker/Options/
基本上我想设置maxDate: moment()，即 maxDate 应该限制到现在。问题是当 datepicker 打开时 maxDate 不再是 now() 了。每次显示日期选择器时，我都想将它的 maxDate 设置为 now 。

如果可能，我想在全球范围内强制执行它，而不是在每个datetimepicker()实例上都指定它。是否可以使用 moment.js 以某种方式给出一个相对日期？

看到这个小提琴：
https :
//jsfiddle.net/0Ltv25o8/3281/ 我将 maxDate 设置为现在。您将在页面加载一分钟后看到，您将无法使用箭头按钮选择当前分钟。

我正在使用Bootsrap 3(eonasdan-datetimepicker)日期时间选择器.我想知道如何阻止用户选择过去的时间.我发现文档没有说明如何禁用过去的时间.

我无法2016-10-17T00:00:00.000+00:00使用 format 为 datetimepicker设置初始值MMMM DD, YYYY。

http://jsfiddle.net/0Ltv25o8/3753/

我怎样才能做到这一点？

我正在使用Bootstrap 3 Datetimepicker,我需要禁用我未来的所有日期,我知道它有自己的disabledDates功能,但我尝试了很多次,它仍然无法正常工作.

我究竟做错了什么？

$('#data_move').datetimepicker({
    language: 'pt-BR',
    disabledDates: [
        moment("22/02/2017")
    ]
});

我正在使用来自https://eonasdan.github.io/bootstrap-datetimepicker/的第三方日期时间选择器

一切正常，但是，我想以Unix时间戳格式获取值。我怎么做？Unix没有格式化选项。https://eonasdan.github.io/bootstrap-datetimepicker/Functions/#format

function getValue() {
    var date = $('#datetimepicker1').data('date');
    alert(date); // shows 05/25/2017 5:43 PM
}


<div class='input-group date' id='datetimepicker1'>
    <input type='text' class="form-control" />
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>

有没有办法显示日历以点击输入？现在我必须点击日历图标,然后显示日历.

<div class='input-group date' id='datetimepicker1'>
  <input type='text' class="form-control" />
  <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
  </span>
</div>

JS

$(function() {
  $('#datetimepicker1').datetimepicker();
});

示例:https://jsfiddle.net/8jpmkcr5/81/

我想限制用户只能使用 datetimepicker 输入数据。下面是我正在使用的代码：

<div class="form-group">
    <label>Start</label>
    <div class="input-group date" id="dtp1">
        <input type="text" id="txtStart" class="form-control" readonly="readonly"/>
        <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar"></span>
        </span>
    </div>
</div>

$('#dtp1').datetimepicker({
    format: 'DD/MM/YYYY HH:mm A',
    daysOfWeekDisabled: [0, 6]
});

我曾尝试使用 readonly 属性，但这会同时禁用输入和日期时间选择器。有什么方法可以禁用输入字段但仍允许用户单击日历图标来选择日期？

我有一个函数，用于在发生某些事件时更新Bootstrap datetimepicker的格式。我第一次单击datetimepicker，它将利用新格式呈现选择器。例如，如果我将格式设置为YYYY仅显示年份。但是，如果我关闭日期选择器并再次将其打开，则它将呈现完整的日历。我是在做错什么，还是datetimepicker的错误？

function updateInterval(interval) {
    $('#interval').val(interval);
    if (interval === 'LAST24') {
        jq182('#endDatePicker').datetimepicker().data('DateTimePicker').format('MM/DD/YYYY HH:mm:ss');
    } else if (interval === 'HOURLY') {
        jq182('#endDatePicker').datetimepicker().data('DateTimePicker').format('MM/DD/YYYY');
    } else if (interval === 'DAILY') {
        jq182('#endDatePicker').datetimepicker().data('DateTimePicker').format('MM/DD/YYYY');
    } else if (interval === 'WEEKLY') {
        jq182('#endDatePicker').datetimepicker().data('DateTimePicker').format('MM/YYYY');
    } else if (interval === 'MONTHLY') {
        jq182('#endDatePicker').datetimepicker().data('DateTimePicker').format('YYYY');
    }
}

根据文档，它看起来非常简单，因此不确定我做错了什么。

我目前在我的代码中使用这个 datetimepicker(No Icon(仅限输入字段)),我需要在选择日期时间后触发一个函数.我尝试使用几个jQuery函数,但我会得到不同的错误,这里是我使用的:

$('#datetimepicker4').datetimepicker({
    onClose: function (dateText, inst) {
        alert("date chosen");                                              
    }
});

我收到这个错误

TypeError:无法识别选项onClose!

和onSelect我一样的,当我用的时候datepicker instead

$('#datetimepicker4').datepicker({
    onClose: function (dateText, inst) {
        alert("date chosen");                                              
    }
});

我收到此错误:

TypeError:$(...).datepicker不是函数

ps:我正在使用jQuery 1.11.3并使用firefox运行代码.

编辑:问题解决了 dp.change

我正在使用https://eonasdan.github.io/bootstrap-datetimepicker/是否可以配置为使用 24 小时格式？

现在我像这样使用它，但它不是我需要的

$('.dayWorkTime').datetimepicker({
    format: 'LT' 
});

我正在使用bootstrap datetimepicker，如何在datetimepicker bootstrap中添加一天minDate？

我想过滤minDate1天以上。例如，我的checkIndatetimepicker是02/16/18，则datetimepicker中的日期02/16/18被禁用checkOut。

<script>
    $(function () {
        $('#CheckIn').datetimepicker({
            format: 'MM/DD/YYYY'
        });
        $('#CheckOut').datetimepicker({
            useCurrent: false,//Important! See issue #1075
            format: 'MM/DD/YYYY'
        });

        $("#CheckIn").on("dp.change", function (e) {
            $('#CheckOut').data("DateTimePicker").minDate(e.date);
        });

        $("#CheckOut").on("dp.change", function (e) {
            $('#CheckIn').data("DateTimePicker").maxDate(e.date);
        });
    });
</script>