Question

这是我的一个timePicker的代码，但我无法在一个HTML页面上显示两个timePickers。下面的代码对我的一个timePicker工作正常，但是我无法使Logic如何使用两个输入上不同的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>

Answer 1

我使用了这个：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',
    });
});

Answer 2

尝试使用jQuery timePicker。只需加1 css＆amp; 1个Js文件，您可以使用timePicker。这是我使用它的timePicker非常容易使用。 Jquery 1.6.4。将两个文本框放在一个div和amp;将此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>

想在一个html页面上显示两个timePickers

2 个答案: