2

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

我使用了这个：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 回答
0

尝试使用 jQuery timePicker。只需添加 1 个 css 和 1 个 Js 文件，您就可以使用 timePicker 。这是我用过的timePicker，非常好用。jQuery 1.6.4。将两个文本框放在一个 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 回答