DateTimePicker 正しい日付を取得するには？

Question

jQueryプラグインの DateTimePicker を使用しています。
inputのvalueを "2018年 3月13日" のように、日本語が混ざると正しく日付を取得することが出来ず、ポップアップするカレンダーが現在の日時になってしまいます。
valueの値を素直に"2018-5-20" や "2018/5/20" にすれば問題ないのですが、Googleカレンダーライクにしようとしたら、ハマってしまいました。
ググって見ても、こういうやり方をする人はいないのかうまく見つからず、hiddenで別に持たせてやったりとか、いろいろ試しているのですがうまくいかないです。
プラグインのソース元を変更すれば、うまくいくのかもしれないですが、他に方法はないものかと思い質問させて頂きました。
何かよいやり方があればご教示頂けると幸いです。

●DateTimePicker
xdsoft.net/jqplugins/datetimepicker

<input type="text" name="hoge" id="hoge" value="2018年 3月13日">
$(function(){
    $.datetimepicker.setLocale('ja');
    $('#hoge').datetimepicker({
        format:'Y年 n月j日',
        lang:'ja',
        timepicker: false,
        validateOnBlur: false,
    });
});

](01eadfb97082c6c70401b079cb5027fe.jpeg)

Comments

[m.ts10806]

2018年 3月→2018年3月 Y年 n月 →　Y年n月 のように空白詰めた場合はどうなりますか？

[pinoko]

拙い質問に目を通して頂きありがとうございます。 空白詰めしても結果は同じでした。また空白詰めしてしまうと、意図したデザインではなくなってしまいます。 質問した後に、いろいろ試して自己解決出来ました。 結論から言えば、valueの値は日時としては正しく解析出来るフォーマットではないということで、オプションのdefaultDateにnew Date()で作った指定日時を渡してあげたらうまくいきました。

[m.ts10806]

あ、なるほど。それはフォーマット関係ないので確実ですね。

Answer 1

var d = new Date('日付');
$('#hoge').datetimepicker({
defaultDate: d
...
});