小编cor*_*osh的帖子

如何动态设置bootstrap-datepicker的日期值?

我正在使用bootstrap datepicker以及行高图.

我希望在缩放图表时更新datepicker日期.一旦该事件触发,我就会更新datepicker的值.值更新正常,但单击日历时,弹出日历上的日期仍为旧日期.

这是我的日期选择器:

<div class="input-append date pull-right" id="dpStartDate" data-date="@DateTime.Now.AddMonths(-1).ToString("dd/MM/yyyy")" data-date-format="dd/mm/yyyy">
    <input class="span2" id="startDateText" size="16" type="text" value="@DateTime.Now.AddMonths(-1).ToString("dd/MM/yyyy")" readonly="">
    <span class="add-on"><i class="icon-th"></i></span>
</div>
Run Code Online (Sandbox Code Playgroud)

我尝试使用此代码更新值:

$('#dpStartDate').attr('data-date', startDate);
$('#startDateText').attr('value', startDate);
Run Code Online (Sandbox Code Playgroud)

它会更新日期,但不会设置日历.

我也试过触发onChange事件,它也会更新日期而不是日历:

$('#dpStartDate').trigger('changeDate', startDate);

$('#dpStartDate').datepicker()
    .on('show', function (ev) {
        ev.stopPropagation();
    })
    .on('changeDate', function (ev, date) {
        var startDate = new Date();
        if (date != undefined) {
            startDate = date;
            $('#dpStartDate').attr('data-date', startDate);
            $('#startDateText').attr('value', startDate);
        }
        else {
            startDate = ev.date;
            $('#dpStartDate').attr(startDate.getDate() + '/' + (startDate.getMonth() + 1) + '/' + startDate.getFullYear());
            $('#startDateText').attr(startDate.getDate() + '/' …
Run Code Online (Sandbox Code Playgroud)

jquery datepicker twitter-bootstrap

66
推荐指数
6
解决办法
21万
查看次数

标签 统计

datepicker ×1

jquery ×1

twitter-bootstrap ×1