0

抱歉英语不好

对我来说，点击链接（示例：2010年 4 月 28 日）下的jquery.datepicker是必要的

使用<a></a>而不是<input type="text" />

4

2 回答 2

1 
<a class="date-picker" href="#">10/10/2010</a>

$(function() {
 function onSelect(date) {
    alert(date);
 } 

 function openDatePicker() {
    element = $(this)
    offset = [element.offset().left, element.offset().top + element.height()]
    element.datepicker("dialog", $(this).text(), onSelect, {}, offset)
  }

  $(".date-picker").click(openDatePicker);
});
于 2010-10-10T13:24:38.963 回答
1

在 MVC 应用程序中，您的代码可能是：

XML:

    <div class="editor-field">
        <%= Html.TextBoxFor(model => model.DOB, new { @class = "date-picker" })%>
        <%= Html.ValidationMessageFor(model => model.DOB, "*") %>
    </div>

它将呈现为（这是它看起来像一个普通的旧 .html）：

<div class="editor-field">
    <input class="date-picker hasDatepicker" id="DOB" name="DOB" type="text" value="">
</div>

jQuery（假设您在下面显示的位置有 jquery 库和 jquery ui 库）：

<script id="script3" src="/Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
<script id="script4" src="/jQueryUI/jquery-ui-1.8.2.custom.min.js" type="text/javascript"></script>
<script id="script2" src="/jQueryUI/ui/jquery.ui.core.min.js" type="text/javascript"></script>
<script id="script1" src="/jQueryUI/ui/jquery.ui.datepicker.min.js" type="text/javascript"></script>

<script type="text/javascript">
        $(document).ready(function () {
            $('.date-picker').live('click', function () {
                $(this).datepicker({ showOn: 'focus', changeMonth: true, changeYear: true, yearRange: "-130:+0" }).focus();
            });
        });
</script>

在上面的代码中，您有许多附件设置，例如，显示过去 130 年（出生日期）和按钮/下拉列表以允许更改月份和年份。

您可以在以下位置找到这些设置： jQuery Date Picker Documentation

于 2010-10-10T13:46:26.773 回答