質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
DateTime

多くのプログラミング言語におけるDateTimeオブジェクトは、日付と時間に関する演算と出力を行います。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

Q&A

0回答

4491閲覧

bootstrapのdatetimepickerを表示した際の初期値設定方法(input項目の値は利用せず、指定した初期値で表示したい)

kukurikukuri

総合スコア0

DateTime

多くのプログラミング言語におけるDateTimeオブジェクトは、日付と時間に関する演算と出力を行います。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

0グッド

0クリップ

投稿2020/05/13 16:55

前提

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: ',' });

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問