c# - 如何让两个文本框数据接受 jQuery 数据选择器插件？

Question

你能告诉我一些好的教程或书，我可以在其中学习如何制作日期选择器文本框吗？

谢谢你。

PS 事实上，当您选择上述日期（从和到）时，我必须有两个文本框和一个用于预订的按钮。

Answer 1

你可以在这里得到一些很好的教程。jQuery UI DatePicker的简单实现：

Javascript：

$(document).ready(function () {
   $('.txtStartDate, .txtEndDate').datepicker({
       showOn: "both",
       dateFormat: 'dd/mm/yy',
       showAnim: "slideDown",
       showOptions: {
         origin: ["top", "left"]
       },
       firstDay: 1, 
       changeFirstDay: false
   });
});

标记：

@model DateTime
@Html.TextBox("", Model.ToString("dd/MM/yyyy"), new { @class = "txtStartDate" })
@Html.TextBox("", Model.ToString("dd/MM/yyyy"), new { @class = "txtEndDate" })

Answer 2

另一种选择（类似于 chridam 的）是定义一个类，您可以将其用于所有需要日期选择器的文本框（假设它们的选项相同）。

剃刀：

@model DateTime
@Html.TextBox("", Model.ToString("dd/MM/yyyy"), new { @class = "date-picker" })
@Html.TextBox("", Model.ToString("dd/MM/yyyy"), new { @class = "date-picker" })

Javascript：

$(document).ready(function () {
   $('.date-picker').datepicker({
      //options...
   });
});

Answer 3

网络

<form id="form1" runat="server">
  <asp:TextBox ID="fromDate" runat="server" />
  <asp:TextBox ID="toDate" runat="server" />
 </form>

jQuery

var dates = $("#fromDate, #toDate").datepicker({
                maxDate: '0',
                changeMonth: true,
                numberOfMonths: 1,
                onSelect: function () { //write your code on selection}
            });