JQuery Datepicker input陣列

javascript jquery

柯柯 2018-08-13 09:59:26 ‧ 3818 瀏覽

分享至

<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邦新手 2 級 ‧ 2018-08-13 13:34:11 檢舉

To Homura
我也猜是ID的問題
可是是用公司的框架寫的
所以 ID的部分要改框架就沒去動到
後來是自己額外寫function處理好了

感謝:D

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

炎之虛空

iT邦高手 3 級 ‧ 2018-08-13 10:12:08

最佳解答

$('.queryDate').click(function (argument) {
  $(this).******
});

回應 3
分享
檢舉

柯柯 iT邦新手 2 級 ‧ 2018-08-13 11:13:54 檢舉

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

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

我的input是用JS動態產生的

炎之虛空 iT邦高手 3 級 ‧ 2018-08-13 11:59:07 檢舉

<!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>