Bootstrap Datetimepicker无法设置日期值

时间:2017-09-21 04:59:44

标签: javascript datetimepicker bootstrap-datetimepicker

我在我的项目中使用bootstrap datetimepicker。我在输入控件渲染后设置日期值时遇到问题。

首先我将datetimepicker设置如下:

$(".date").datetimepicker({
    defaultDate: moment(),
    format: 'YYYY-MM-DD'
}).on('keypress paste', function (e) {
    e.preventDefault();
    return false;
});

然后通过调用以下函数加载控件的实际数据日期值:

function SetDate(control,date)
{
    $('#'+ control).datetimepicker({
        defaultDate: new Date(date)
    });
}

然后datetimepicker只显示当前日期,但是当我使用document.getElementById('elementname')获取值时,它返回的是当前日期的正确日期值。值。

请告知。感谢。

2 个答案:

答案 0 :(得分:1)

我猜,对于选项显示,您使用的是http://eonasdan.github.io/bootstrap-datetimepicker

你使用选择器的方式是错误的,因为你正在做的是再次调用选择器,最好这样做:

TASKLIST /FI "PID eq %a" ^| findstr /I
  chromedriver.exe

然后使用您的控件/功能(我将使用触发按钮的按钮)

$('#myDatepicker').datetimepicker();

其中$('#set').on('click', function() { SetDate("myDatepicker", moment().subtract(1, 'day')); }); function SetDate(control, date) { $('#' + control).data('DateTimePicker').defaultDate(date); } 是为以后设置defaultDate的原因。

.data('DateTimePicker').defaultDate(date)取出一天并且是参数moment().subtract(1, 'day')),并且不需要再次解析,因为它是一个时刻对象; 如果您需要解析可以使用的字符串日期:

date

第一个参数是您的日期字符串。 https://momentjs.com/docs/#/parsing/string-format/

此处如何为插件http://eonasdan.github.io/bootstrap-datetimepicker/Options/

设置选项

答案 1 :(得分:-1)

使用以下方法获取值:

$("#elementname").data('datepicker').getFormattedDate('YYYY-MM-DD');