web-dev-qa-db-ja.com

bootstrap-datetimepickerでデフォルトの時間を設定します

this datetimepicker にデフォルトの時刻を現在の日付の00:01として設定したい誰もが前にそれを試しましたか？それで苦労しています。簡単そうです。

$('#startdatetime-from').datetimepicker({
    language: 'en',
    format: 'yyyy-MM-dd hh:mm'
});

setDateを使用する必要がありますが、方法がわかりません。コードをチェックしましたが、そのためのパラメーターが見つかりませんでした。

javascriptjquerytwitter-bootstrapdatetimepicker
25
change

このGitHubの問題 に従ってデフォルトの入力値を設定します。

HTML

<input type="text" id="datetimepicker-input"></input>

jQuery

var d = new Date();

var month = d.getMonth()+1;
var day = d.getDate();

var output = d.getFullYear() + '/' +
(month<10 ? '0' : '') + month + '/' +
(day<10 ? '0' : '') + day;

$("#datetimepicker-input").val(output + " 00:01:00");

jsFiddle
JavaScriptの日付ソース

編集-setLocalDate/setDate

var d = new Date();
var month = d.getMonth();
var day = d.getDate();
var year = d.getFullYear();

$('#startdatetime-from').datetimepicker({
    language: 'en',
    format: 'yyyy-MM-dd hh:mm'
});
$("#startdatetime-from").data('DateTimePicker').setLocalDate(new Date(year, month, day, 00, 01));

jsFiddle

21
Sara

上記のいずれもうまくいきませんでしたが、インスタンス化時にデフォルトを設定することに成功しました。

JQuery

<script type="text/javascript">
    $(function () {
        var dateNow = new Date();
        $('#datetimepicker').datetimepicker({
            defaultDate:dateNow
        });
    });
</script>
31
Nicholas Hamilton

入力値から日時を使用するには、オプションuseCurrentをfalseに設定し、値に日付を設定します

$('#datetimepicker1').datetimepicker({
  useCurrent: false,
  format: 'DD.MM.YYYY H:mm'
});
11
Busted

私はピッカーのデフォルト時間を設定しようとしましたが、うまくいきました：

$('#date2').datetimepicker({
 format: 'DD-MM-YYYY 12:00:00'
});

これにより、データベースに次のように保存されます：2015-03-01 12:00:00

sQLサーバーのsmalldatetimeタイプに使用

6
stom

わたしにはできる：

 <script type="text/javascript">
        $(function () {
            var dateNow = new Date();
            $('#calendario').datetimepicker({
                locale: 'es',
                format: 'DD/MM/YYYY',
                defaultDate:moment(dateNow).hours(0).minutes(0).seconds(0).milliseconds(0)                    
            });
        });            
    </script>
5
Hernaldo Gonzalez

初期化後にこれを使用します

$('.form_datetime').datetimepicker('update', new Date());
4
Lem

これはあなたの問題に対する私の解決策です：

$('#startdatetime-from').datetimepicker({
language: 'en',
format: 'yyyy-MM-dd hh:mm'
}).on('dp.change', function (e) {
        var specifiedDate = new Date(e.date);
        if (specifiedDate.getMinutes() == 0)
        {
            specifiedDate.setMinutes(1);
            $(this).data('DateTimePicker').date(specifiedDate);
        }
    });

これは、デフォルトの時間またはその両方を設定する場合にも機能します。このコードサンプルは、useCurrent: falseパラメーターでも機能することに注意してください。

ユーザーが日付を選択すると、分が0（ハードコードされたデフォルト値）かどうかを確認します。この場合、1を設定します。その後、ユーザーは0を選択できません。

2
Picsonald

私はこのような問題を解決しました

$('#startdatetime-from').datetimepicker({
language: 'en',
format: 'yyyy-MM-dd hh:mm',
defaultDate:new Date()
});
2
Suzon Das

これは私のために働く。 「YY-MM-dd hh：mm」または「YYYY-MM-dd hh：mm」のような特別な日付形式を使用する必要があります

$('#datetimepicker1').datetimepicker({
            format: 'YYYY-MM-dd hh:mm',
            defaultDate: new Date()
        });
0
janith jayaweera

Momentjs.comには、現在の時刻に関連して日付/時刻を操作する方法に関する優れたドキュメントがあります。 DatetimepickerにはMomentjsが必要なので、Momentjsを使用することもできます。

var startDefault = moment().startof('day').add(1, 'minutes');
$('#startdatetime-from').datetimepicker({
    defaultDate: startDefault,
    language: 'en',
    format: 'yyyy-MM-dd hh:mm'
});
0
Jeremy

Moment.js を使用することで、デフォルトの時間を設定できます

var defaultStartTime = moment(new Date());
var _startTimeStr = "02:00 PM"


    if (moment(_startTimeStr, 'HH:mm a').isValid()) {
        var hr = moment(_startTimeStr, 'HH:mm a').hour();
        var min = moment(_startTimeStr, 'HH:mm a').minutes();

        defaultStartTime = defaultStartTime.hours(hr).minutes(min);
    }

$('#StartTime').datetimepicker({
    pickDate: false,
    defaultDate: defaultStartTime
});
0
Sajjad Ali Khan

開発者の皆さん

このコードを試してください

var default_date=  new Date(); // or your date
$('#datetimepicker').datetimepicker({
    format: 'DD/MM/YYYY HH:mm', // format you want to show on datetimepicker
    useCurrent:false, // default this is set to true
    defaultDate: default_date
});

デフォルトの日付を設定する場合は、useCurrentをfalseに設定してください。そうしないと、setDateまたはdefaultDateのようなメソッドは機能しません。

0
ashish bansal