3

html代码片段

<li>
    <select name="months" class="sel">
        <option selected="" value="Default"> Month </option>
        <option value="Jan">January</option>
        <option value="Feb">February</option>
        <option value="Mar">March</option>
        <option value="Apr">April</option>
        <option value="May">May</option>
        <option value="Jun">June</option>
        <option value="Jul">July</option>
        <option value="Aug">August</option>
        <option value="Sep">September</option>
        <option value="Oct">October</option>
        <option value="Nov">November</option>
        <option value="Dec">December</option>
    </select>
</li>
<li><label class="label">From:</label></li>
<li><input name="fdate" type="text" class="sel" size="10"  id="SelectedDate"  
   readonly onClick="GetDate(this);"><li>

这里的问题是从下拉列表中选择的月份应该显示在 datepicker....

如何将此选定的选项集成到我的日期选择器代码中......

4

4 回答 4

2

试试这个.. 如果你使用 jQuery，那么不需要放置单独的列表框。

小提琴演示

<html>
<head>
    <title>Testing</title>
    <link href="css/jquery-ui-start-custom-1.10.3.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .ui-datepicker-next, .ui-datepicker-prev { display: none; }
    </style>
    <script src="scripts/jquery-1.10.1.min.js" type="text/javascript"></script>
    <script src="scripts/jquery-ui-custom-1.10.3.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {

            $("#datepicker").datepicker({
                changeMonth: true,
                changeYear: true,
                yearRange: "-0:c+10",
                dateFormat: "dd - M - yy",
                onClose: function(selectedDate) {
                    $('#datepicker1').datepicker("setDate", selectedDate);
                }
            });
            $('#datepicker').datepicker("setDate", new Date());

            $("#datepicker1").datepicker({
                yearRange: "-0:+0",
                dateFormat: "dd - M - yy"
            });

        });
    </script>
</head>
<body>
    <div>
        <input type="text" id="datepicker" />
        <input type="text" id="datepicker1" />
    </div>
</body>
</html>

请参阅jQuery UI Datepicker以供参考

于 2013-06-26T06:06:56.540 回答
0

你的意思是这样的：http: //jqueryui.com/datepicker/ 或者你是什么意思，不能真正弄清楚你想要什么

编辑：试试这个

如果这不是您要找的，我不知道您想要什么：

<?php
  $myCalendar = new tc_calendar("date1", true);
  $myCalendar->setIcon("calendar/images/iconCalendar.gif");
  $myCalendar->setDate(01, 03, 1960);
  $myCalendar->setPath("calendar/");
  $myCalendar->setYearInterval(1960, 2015);
  $myCalendar->dateAllow('1960-01-01', '2015-03-01');
  $myCalendar->setSpecificDate(array("2011-04-01", "2011-04-13", "2011-04-25"), 0, 'month');
  $myCalendar->setOnChange("myChanged('test')");
  $myCalendar->writeScript();
  ?>

Javascript

<script language="javascript">

<!-- function myChanged(v){ alert("Hello, value has been changed : "+document.getElementById("date1").value+"["+v+"]"); } //--> </script>

于 2013-06-24T12:10:46.720 回答
0

做这样的事情，小提琴

$(function () {
    $("#datepicker").datepicker({
        changeMonth: true,
        changeYear: true
    });
});
于 2013-06-26T05:14:06.620 回答
0 
$(function() {
    $("#datepicker").datepicker({
        changeMonth: true,
        });
});
于 2013-09-02T08:01:46.693 回答