Question

您好，感谢您阅读本文。

我有我的DateTimePicker：

<div class="col-lg-12 FormDownDateSelect" style="height: 100%; background-color: #EDEADE ">
    <div id="datetimepicker1"></div>
</div>

当我选择日期时，我想将所选日期添加到此输入字段

<input readonly="readonly" class="input-field2" value="Vælg Dato"><span class="fa fa-arrow-down"></span>

我尝试过这样的事情：

$(function () {
        $('#datetimepicker1').datetimepicker({
            inline: true,
            format: "dd MM yyyy",

        }).bind('dateSelected', function (e, selectedDate, $td) {
            alert(selectedDate);
        });
    });

我甚至无法提醒所选日期。有人可以帮忙吗？

Plugin

Jsfiddle

Answer 1

修饰

$(function () {
    $('#datetimepicker1').datetimepicker({
        inline: true,
        format: "dd MM yyyy",

    }).on("dp.change", function (e) {
        $('.input-field2').val(e.date);
    });
});

JS Fiddle

Answer 2

确保按顺序使用这些脚本/ css

您可以找到datetimepicker CDN here
您可以找到Moment CDN here
您可以找到boostrap CDN here

Moment.js（如果您正在使用时间）需要先加载，然后是CSS文件，然后是bootstrap.js，然后是bootstrap.datetimepicker.js

如果您没有从日期选择器中获取值，那么那个＆＃39; sb / c您没有使用<entity name="Universe" class="mapp3.model.Entity" access="FIELD"> <table name="ENTITY"/> <attributes> <id name="uri"> <column name="URI" length="200"/> </id> <one-to-many name="A" target-entity="mapp3.model.A" fetch="EAGER" access="FIELD"> <join-table name="ENTITY_2_A"/> <cascade> <cascade-persist/> <cascade-merge/> <cascade-refresh/> </cascade> </one-to-many> </attributes> </entity>插件的正确事件。< / p>

您需要使用datetimepicker代替dp.change。这是一个很好的post获得时间（以及事件）。

此处还有fiddle

Answer 3

在将事件绑定到dp.change时使用datepicker，然后您可以使用moment.js获取格式化日期，如下所示：

DEMO ， Docs

$(function () {
        $('#datetimepicker1').datetimepicker({
            inline: true,
            format: "dd MM yyyy",

        }).bind('dp.change', function (e, selectedDate, $td) {
            $('.input-field2').val(moment(e.date._d).format("dd MM YYYY"))
        });
});

将引导日期时间选择器中的选定日期插入输入字段

3 个答案: