iT邦幫忙

0

JQuery Datepicker input陣列

<input type="text" id="rDate" name="dt_rDate[]" size="20" class="queryDate hasDatepicker">
<input type="text" id="rDate" name="dt_rDate[]" size="20" class="queryDate hasDatepicker">
<input type="text" id="rDate" name="dt_rDate[]" size="20" class="queryDate hasDatepicker">

$('.queryDate').datepicker( {showOn: 'button',buttonImage:'/images/calendar.jpg', buttonImageOnly: true});
$('.queryDate').datepicker('option', 'duration', '');
$('.queryDate').datepicker($.datepicker.regional['zh-TW']);

三個不同種類 但是都是同一個dt_rDate[] 都要讓使用者去各自選擇日期
我現在是不管哪個選日期 都是第一個input再變 後面其他的都改不到
只改JS的部分不改HTML有辦法做嗎

Homura iT邦高手 1 級 ‧ 2018-08-13 11:31:34 檢舉
ID是唯一值
其他2個ID改不一樣就能work了..
柯柯 iT邦新手 3 級 ‧ 2018-08-13 13:34:11 檢舉
To Homura
我也猜是ID的問題
可是是用公司的框架寫的
所以 ID的部分要改框架就沒去動到
後來是 自己額外寫function處理好了

感謝:D
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

1
炎之虛空
iT邦高手 3 級 ‧ 2018-08-13 10:12:08
最佳解答
$('.queryDate').click(function (argument) {
  $(this).******
});
柯柯 iT邦新手 3 級 ‧ 2018-08-13 11:13:54 檢舉

http://www.runoob.com/try/try.php?filename=jqueryui-example-datepicker-icon-trigger 我是用這種 圖片按鈕的方式讓他選日期 所以input click 沒辦法

在線編輯器給他input陣列可以分開 可是自己寫一樣的放在網頁 還是址會改第一筆

我的input是用JS動態產生的

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI 日期选择器(Datepicker) - 图标触发器</title>
  <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
  <script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
  <script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
  <link rel="stylesheet" href="jqueryui/style.css">
<script>
  $(function() {
    $('.datepicker').each(function (argument) {
	  var id = $(this).attr('id');
      $('#' + id).datepicker({
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true
      });
    });
    
  });
  </script>
</head>
<body>
 
<p>日期1:<input type="text" id="datepicker1" class="datepicker"></p>
<p>日期2:<input type="text" id="datepicker2" class="datepicker"></p>
 
</body>
</html>
柯柯 iT邦新手 3 級 ‧ 2018-08-13 13:32:07 檢舉

感謝提供的方向

我要發表回答

立即登入回答