jQuery - timepicker - 设置分钟

时间:2011-02-08 07:31:41

标签: jquery-ui

我正在尝试在时间文本框中设置时间验证器。现在,无法添加任何不是30分钟间隔增量的内容。如何更改timeEntry()以允许用户设置分钟但同时验证输入的任何输入。基本上我希望能够设置1到60分钟。

string script = @"jQuery('.time').timeEntry({timeSteps: [1,30,00]}} );";
ScriptManager.RegisterStartupScript(this, this.GetType(), "timeEntryScript", script, true);

如果我将其切换到{timeSteps:[1,00]}我将默认值设置为当前分钟。所以,例如,如果我开始输入10小时,当前时间是47分钟。它将输出10:47。我们希望默认为10:00时输入10小时。

以下是我发现该插件的来源:http://keith-wood.name/timeEntryRef.html

我也尝试了这个:没有用

string script = @"jQuery('.time').timeEntry({timeSteps: [1,0], defaultTime: '00:00AM', initialField:0});";
ScriptManager.RegisterStartupScript(this, this.GetType(), "timeEntryScript", script, true);

1 个答案:

答案 0 :(得分:2)

我通过电子邮件发送了写这篇文章的人,他的回答是,相当“该功能不受支持”。我选择了.NET版本的控件,效果很好。这是代码可以下载的地方

http://www.michaelkbell.com/TimePicker/default.aspx

他的文档没有工作,所以基本上我所做的是将DLL添加到我的bin目录,将TimePicker控件添加到更新面板内页面上的面板。它会自动验证输入并更正时间。还有向下/向上箭头。

      List<DateTime> list = new List<DateTime>();
            list.Add(DateTime.Now);
            list.Add(DateTime.Now.AddSeconds(30));
            list.Add(DateTime.Now.AddMinutes(30));
            list.Add(DateTime.Now.AddHours(3));

            TimeSelector timer = new TimeSelector();
            timer.ID = "timer1";
            timer.DisplayButtons = true;
            timer.DisplaySeconds = false;
            timer.SetTime(0, 0, TimeSelector.AmPmSpec.AM);


            TimeSelectorAvailabilityValidator TimeSelectorAvailabilityValidator1 = new TimeSelectorAvailabilityValidator();
            TimeSelectorAvailabilityValidator1.AppointmentList = list;
            TimeSelectorAvailabilityValidator1.AppointmentLengthInMinutes = 90;
            TimeSelectorAvailabilityValidator1.ControlToValidate = timer.UniqueID; // "myText";

            pnlTimer.Controls.Add(timer);

 public void SetTime(object sender, EventArgs args)
    {
        TimeSelector ts = (TimeSelector)pnlTimer.FindControl("timer1");
        lblTime.Text = "Submitted Time: " + ts.Date.ToShortTimeString();

    }