ユーザーが日時を入力できるフォームがあります
<input class="form-control" name="aution_end_time" required type="datetime-local id="auction_end_time-input">
ここで、この「ローカル日時オブジェクト」をUTC時間に変換し、その値をフォームの非表示の入力に格納します。
<input type="hidden" class="form-control" name="auction_end_time_utc">
どうすればいいですか?要約すると、ユーザーはフォームに日時を入力します。入力すると、非表示の入力が同じ日時でUTCで更新されます。ユーザーのローカルタイムゾーンを決定する方法とUTCに変換する方法がわかりません。ありがとう!
そのためにmoment.jsを使用することをお勧めします。
私のコードスニペットを参照してください!私は変更type="hidden"
にtype="text"
とname
にid
プレゼンテーション目的のための第二の入力のために。
document.getElementById("auction_end_time-input").oninput = function() {
var datetimeLocal = document.getElementById("auction_end_time-input").value;
var datetimeUTC = moment.utc(datetimeLocal).format();
document.getElementById("auction_end_time_utc").value = datetimeUTC;
}
<!-- moment.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.3/moment-with-locales.min.js"></script>
<input class="form-control" name="aution_end_time" required type="datetime-local" id="auction_end_time-input">
<input type="text" class="form-control" id="auction_end_time_utc">
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加