前提
bootstrapのdatetimepickerを利用しています。
※bootstrap-4.4.1-dist
実現したいこと
datetimepickerを表示した際にシステム日付ではなく、
指定した時刻をデフォルト値としたいのですが方法がわかりません。
※input項目には初期値を設定せず、datetimepickerを表示した際に指定した初期値が設定された状態で開きたい。
試したこと
defaultDateに値を設定するとinputに初期値が設定されてしまい、上手くいきません。
どのような設定をすべきかご教示いただけないでしょうか。
var date = new Date(); date.setHours(23); date.setMinutes(59); $("#" + "send_start_start_out").datetimepicker({ // requires moment-timezone.js timeZone: '', // date format // http://momentjs.com/docs/#/displaying/format/ format: "YYYY/MM/DD HH:mm", dayViewHeaderFormat: 'YYYY MMM', extraFormats: false, // step size stepping: 1, // min/max dates minDate: false, maxDate: false, // uses current date/time useCurrent: true, // uses Bootstraps collapse to switch between date/time pickers collapse: true, // https://github.com/moment/moment/tree/develop/locale locale: moment.locale(), // default date defaultDate: date, // disabled dates // array of [date, moment, string] disabledDates: false, // enabled dates // array of [date, moment, string] enabledDates: false, // default icons icons: { time: 'fa fa-clock-o', date: 'fa fa-calendar', up: 'fa fa-arrow-up', down: 'fa fa-arrow-down', previous: 'fa fa-chevron-left', next: 'fa fa-chevron-right', today: 'fa fa-calendar-check-o', clear: 'fa fa-delete', close: 'fa fa-times' }, // tooltip options tooltips: { today: '本日', clear: 'クリア', close: '閉じる', selectMonth: '月を選択', prevMonth: '前月', nextMonth: '次月', selectYear: '年を選択', prevYear: '前年', nextYear: '次年', selectDecade: '期間を選択', prevDecade: '前期間', nextDecade: '次期間', prevCentury: '前世紀', nextCentury: '次世紀', pickHour: '時間を取得', incrementHour: '時間を増加', decrementHour: '時間を減少', pickMinute: '分を取得', incrementMinute: '分を増加', decrementMinute: '分を減少', pickSecond: '秒を取得', incrementSecond: '秒を増加', decrementSecond: '秒を減少', togglePeriod: '午前/午後切替', selectTime: '時間を選択', selectDate: '日付を選択' }, // uses strict useStrict: false, // displays side by side sideBySide: true, // disabled days of the week daysOfWeekDisabled: false, // shows the week of the year calendarWeeks: false, // 'decades','years','months','days' viewMode: 'days', // toolbar placement toolbarPlacement: 'default', // enable/disable buttons buttons: { showToday: false, showClear: false, showClose: false }, // widget position widgetPositioning: { horizontal: 'auto', vertical: 'auto' }, // string or jQuery object widgetParent: null, // ignore read only input ignoreReadonly: true, // always keep open keepOpen: false, // shows on focus focusOnShow: true, // inline mode inline: false, // makes the date picker not revert or overwrite invalid dates keepInvalid: false, // debug mode debug: false, // shows on focus and icon click allowInputToggle: false, // disables time selection disabledTimeIntervals: false, // disables/enables hours disabledHours: false, enabledHours: false, // changes the viewDate without changing or setting the selected date viewDate: false, // allows multiple dates allowMultidate: false, // custom separator multidateSeparator: ',' });
あなたの回答
tips
プレビュー