日期选择器如何从下拉列表中选择月份

how a datepicker chooses the month selected from dropdownlist

本文关键字：选择 下拉列表 选择器 日期      更新时间：2023-09-26

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>

这里的问题是从下拉列表中选择的月份应该显示在日期选择器中。。。。

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

试试这个。。如果使用jQuery，则无需放置单独的列表框。

Fiddle演示

<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日期选择器以获取参考

你的意思是这样的吗：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>

这样做，FIDDLE

$(function () {
    $("#datepicker").datepicker({
        changeMonth: true,
        changeYear: true
    });
});

$(function() {
    $("#datepicker").datepicker({
        changeMonth: true,
        });
});
相关文章：