イベント編集ページのデフォルトの「日時」欄の間に別の「日時」フィールドを配置したい。

ご質問ありがとうございます。

「カレンダー」の日時フィールドは、他のフィールドと異なり、「カレンダー」と密接に関係したフィールドですので、間に別のフィールドを挟み込むことはできません。ご希望の表示に近づけるカスタマイズは難しいように思います。

ご希望に沿えず残念ですが、異常参考になりましたら幸いですm(_ _)m。

やはりそうですか…そんな気がしていました…

追加でいくつか関連する質問をさせてください。

• 「開始時間」と「終了時間」の後ろに追記される文字数文字（この場合「から」と「まで」）を削ることは可能でしょうか。
• Javascriptでフィールドタグを挿入することは可能でしょうか？
• その場合、フィールドタグは有効になりますでしょうか？

ご教示いただけましたら幸いです。

質問させて頂いた内容についてですが、解決一歩手前までたどりつきました。

対処としては、

1. 「div#dt-end」（デフォルトの終了日時）をスタイルシートで「 display: none」とし、非表示に。
2. 間に配置したかった「日時フィールド」を表示順「1」に設定
3. 「日時フィールド」を追加し、表示順「2」に設定
4. 表示順「2」に設定した「日時フィールド」入力された値が「div#dt-end」に代入されるJavascriptを作成。
5. 上記を「ページヘッダ」「div class="section"」下に記載

というような感じにしたのですが、
保存しようとすると「日時の書式を確認してください」というようなアラートが出てしまいます。再度、保存をかけると、問題なく登録されるので、おそらくJavascriptが「div#dt-end」に値を渡すタイミングが悪いのだろうと思われます。
推測が正しいようでしたら、対処の方法もあるかと思いますので、「日時の書式を確認してください」というアラートが発生する状況についてご教示いただけましたら幸いです。

以下参考までにscriptを転記します。

window.onload = function onLoad() {
    var Syear = document.getElementById("data:3:y").value;
    var Smonth = document.getElementById("data:3:mon").value;
    var Sday = document.getElementById("data:3:d").value;
    var Shour = document.getElementById("data:3:h").value;
    var Smin = document.getElementById("data:3:min").value;

document.getElementById("dt:ey").value = Syear;
   document.getElementById("dt:em").value = Smonth;
   document.getElementById("dt:ed").value = Sday;
   document.getElementById("dt:eh").value = Shour;
   document.getElementById("dt:emin").value = Smin;

}
// -->

ご質問ありがとうございます。

CMONOS.JP にご指摘に該当するアラートが見当たりませんでした。日時はテキストボックスではなくすべてメニューですので、値の設定方法に何か問題があるのかもしれません。

入力欄そのものの位置を移動（DOM を使って、要素の位置を付け替える）させた方が解決しやすいかもしれませんね。

以上参考になりましたら幸いです。

いろいろ試行錯誤いたしまして、以下のJavascriptで解決しました。

構造上問題がおきそうな点がありましたらご指摘頂けますと非常にうれしいです。

window.onload = function onLoad() {
    var Eyear = document.getElementById("dt:ey");
    var EYop = document.getElementById("dt:ey").options;
    var EYval = EYop.item(Eyear.selectedIndex).value;
    document.getElementById("data:3:y").value = EYval;
    var EY2 = document.getElementById("data:3:y");
    EY2.setAttribute("onchange", "EY3()");

var Emon = document.getElementById("dt:em");
    var EMop = document.getElementById("dt:em").options;
    var EMval = EMop.item(Emon.selectedIndex).value;
    document.getElementById("data:3:mon").value = EMval;
    var EM2 = document.getElementById("data:3:mon");
    EM2.setAttribute("onchange", "EM3()");

var Eday = document.getElementById("dt:ed");
    var EDop = document.getElementById("dt:ed").options;
    var EDval = EDop.item(Eday.selectedIndex).value;
    document.getElementById("data:3:d").value = EDval;
    var ED2 = document.getElementById("data:3:d");
    ED2.setAttribute("onchange", "ED3()");

var Ehour = document.getElementById("dt:eh");
    var EHop = document.getElementById("dt:eh").options;
    var EHval = EHop.item(Ehour.selectedIndex).value;
    document.getElementById("data:3:h").value = EHval;
    var EH2 = document.getElementById("data:3:h");
    EH2.setAttribute("onchange", "EH3()");

var Emin = document.getElementById("dt:emin");
    var EMiop = document.getElementById("dt:emin").options;
    var EMival = EMiop.item(Emin.selectedIndex).value;
    document.getElementById("data:3:min").value = EMival;
    var EMi2 = document.getElementById("data:3:min");
    EMi2.setAttribute("onchange", "EMi3()");

var Syear = document.getElementById("dt:sy");
    var SYop = document.getElementById("dt:sy").options;
    var SYval = SYop.item(Syear.selectedIndex).value;
    document.getElementById("data:4:y").value = SYval;

var Smon = document.getElementById("dt:sm");
    var SMop = document.getElementById("dt:sm").options;
    var SMval = SMop.item(Smon.selectedIndex).value;
    document.getElementById("data:4:mon").value = SMval;

var Sday = document.getElementById("dt:sd");
    var SDop = document.getElementById("dt:sd").options;
    var SDval = SDop.item(Sday.selectedIndex).value;
    document.getElementById("data:4:d").value = SDval;

var YY = document.getElementById("data:19:stock");
    YY.setAttribute("placeholder", "予約上限");
    var YY2 = document.getElementById("price-form-19");
    YY2.setAttribute("placeholder", "料金");
}
// -->function EY3() {
    var E2year = document.getElementById("data:3:y").value;
    document.getElementById("dt:ey").value = E2year;
}function EM3() {
    var E2month = document.getElementById("data:3:mon").value;
    document.getElementById("dt:em").value = E2month;
}function ED3() {
    var E2day = document.getElementById("data:3:d").value;
    document.getElementById("dt:ed").value = E2day;
}function EH3() {
    var E2hour = document.getElementById("data:3:h").value;
    document.getElementById("dt:eh").value = E2hour;
}function EMi3() {
    var E2min = document.getElementById("data:3:min").value;
    document.getElementById("dt:emin").value = E2min;
}

ご報告ありがとうございます。弊社プロダクトを使いこなしていただきたいへん光栄に思います。

ざっと拝見しましたが、特に問題があるようには思いませんでした。

ただ、このフォーラムで扱うには少々特殊な事例となって来たように思います。もっとしっかりしたサポートが必要な場合は、有償のサポートをお申し込みください。お待ちしております。

（どのようなご質問でも、他のユーザー様が回答されることはもちろん歓迎しております。よろしくお願いいたします。）