4

私はこのレポをsmalotで使用しており、日付のみを選択して表示したいです（他の場所ではデータと時間を表示しているため、このレポを選択しています）。日付のみを選択するためになんとか使用できますが、生成された日付文字列は常にyyyy-mm-dd hh:iiです。また、間違って理解していない場合、formatオプションは最初の日付のみを解析し、日付を設定することはできません。

<div class="input-group date datetime dateonly" data-start-view="2" data-min-view="2" style="margin-bottom: 0;">
    <input class="form-control" size="16" type="text" placeholder="Release Date" id="release-date" name="release_date" value="{{ unit.release_dt|date:'Y-m-d' }}" style="cursor: default; background-color: #ffffff;">
    <span class="input-group-addon btn btn-primary"><span class="glyphicon glyphicon-th"></span></span>
</div>

ユーザーが日付のみを選択する必要があるように、両方になるように設定startViewしていますが、それでも出力として表示されます-表示したいだけです。minView22015-09-22 00:002015-09-22

実際、イベントをリッスンしchangeDateて非表示にすることで、日付入力の値を設定するだけです。ハッキーで汚れの少ない方法があるかどうか疑問に思っています

$('.datetimepicker').on('changeDate', function(e) {//get substring and set date input
}).on('hide'....//same thing
);
4

4 に答える 4

0

あなたはdatetaimepicker.jsを編集します

var defaults = $.fn.datepicker.defaults = {
    autoclose: false,
    beforeShowDay: $.noop,
    calendarWeeks: false,
    clearBtn: false,
    daysOfWeekDisabled: [],
    endDate: Infinity,
    forceParse: true,
    //format: 'mm/dd/yyyy', 时间输出格式
    format: 'yyyy-mm-dd',
    keyboardNavigation: true,
    language: 'en',
    minViewMode: 0,
    multidate: false,
    multidateSeparator: ',',
    orientation: "auto",
    rtl: false,
    startDate: -Infinity,
    startView: 0,
    todayBtn: false,
    todayHighlight: false,
    weekStart: 0
};

このような

    //format: 'mm/dd/yyyy', 时间输出格式
    format: 'yyyy-mm-dd'

願いはあなたを助けることができます!

于 2015-12-30T08:33:21.437 に答える
0

これを試してください - HTML:

<div class="controls input-append date m" data-date="" data-date-format="yyyy-mm-dd" data-link-field="m1" data-link-format="yyyy-mm-dd" data-start-view="2" data-min-view="2">
<input size="16" id="m" type="text" value="" readonly>
<span class="add-on"><i class="icon-remove"></i></span>
<span class="add-on"><i class="icon-th"></i></span>
</div>
<input type="hidden" id="m1" value="" />

JS:

$('.m').on('changeDate', function(e) {
            console.log($("#m").val());
        });

コンソール：

2015-12-08

それが役立つことを願っています。

于 2015-12-30T08:37:32.587 に答える