如何点击input调用同一个函数，选择值后，返回的值赋给各自的id？

如何点击input调用同一个函数，选择值后，返回的值赋给各自的id？
我的代码如下,未能实现我所要的功能，我现在的情况是，点击哪个input先选的就可以滑动选择值返回，后选的不能滑动选择值。
<div class="right">
<input type="text" id="picktime" value="18:00" readonly>-- <input type="text" id="picktime1" value="20:00" readonly>
</div>
<script>
$("#picktime").click(function(){
var picktime=$(this).mtimer();
});
$("#picktime1").click(function(){
var picktime1=$(this).mtimer();
});
</script>
我的图如下
1、点击图2、弹出框图

解决方案 »

  1.   

    思路如下$("input").onclick(function(e){
         e.attr("id",e.val());
    })
      

  2.   

    <div class="right">
    <input type="text" id="picktime" value="18:00" readonly>
    </div>
    <script>
    $(function(){
    $('#picktime').mtimer();
    });
    </script>原始代码是这个，可以选择弹出框选值，我想再加多一个input,同时也是调用同一个弹出框选择值返回给新增的input里
    以下这段代码，js该如何修改
    <div class="right">
    <input type="text" id="picktime" value="18:00" readonly>--&nbsp;&nbsp;&nbsp;<input type="text" id="picktime1" value="20:00" readonly>
    </div>
    <script>
    $(function(){
    $('#picktime').mtimer();
    });
    </script>