2

これは1つのtimePickerのコードですが、1つのHTMLページに2つのtimePickerを表示できません。以下のコードは私のonetimePickerで正常に機能していますが、両方の入力で異なるIDをどのように使用するかをロジックに示すことができません。 

    function redirect(){

  document.getElementById("startTime").value=document.getElementById("test_default").value;

           var stime=document.getElementById("test_default").value;

    //alert(document.getElementById("endTime").value);

              window.localStorage.setItem('starttime', stime);

    //alert(stime);
         window.localStorage.setItem('id', id);
         window.location.replace("block.html");


          }
             function frameURL() {
        /*var address = document.getElementById("startTime");
        //var iframe = document.getElementById("iframe");
        //var frame = iframe.src;
        //address.value = frame;


             var iframe = document.getElementById('iframe');
             var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
             var usernameTextBox = innerDoc.getElementById('test_default');

    //usernameTextBox.focus();
            address.value = usernameTextBox;
            alert(usernameTextBox);
    //usernameTextBox.focus();*/

            var thetime= document.getElementById('iframe').contentWindow.document.getElementById("startTime").value;

              document.getElementById("startTime").value=thetime
         }



            function frameURL2() {


             var thetime=        document.getElementById('iframe1').contentWindow.document.getElementById("startTime").value;

       //alert(thetime);


           document.getElementById("startTime1").value=thetime
         }

          </script>
4

2 に答える 2

0

jQuery timePicker を使用してみてください。1 つの css ファイルと 1 つの Js ファイルを追加するだけで、 timePicker を使用できます。これは私が使用した timePicker で、非常に使いやすいです。Jクエリ1.6.4。両方のテキスト ボックスを 1 つの div に配置し、その div の ID をこの JavaScript に配置します。

<script type="text/javascript" charset="utf-8" >

        $(document).ready(function(){
            // find the input fields and apply the time select to them.
            $('#sample1 input').ptTimeSelect();
        });
    </script>
于 2013-02-22T06:33:18.070 に答える
0

私はこれを使用しました：timepickerとjqueryuiのDatepicker。

HTML

<input class='timePicker' name='time_start'type='text' />
<input class='timePicker' name='time_end'type='text' />

jQuery

$(document).ready(function(){
    $('.timePicker').timepicker({
        timeFormat: 'hh:mm TT',
    });
});
于 2013-02-15T20:25:02.757 に答える