首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >我可以从函数中触发日期(时间)选择器吗?

我可以从函数中触发日期(时间)选择器吗?
EN

Stack Overflow用户
提问于 2012-06-15 02:52:15
回答 2查看 4.8K关注 0票数 2

我有一个包含20个选项的选择,当用户只选择一个特定的选项“选择日期时间”时,日期(时间)选择器应该出现,然后在输入框中填充日期时间文本。

这有可能吗?我怎么能这么做?

我现在有约会(挑选者)在工作。它由按钮触发并链接到输入框。但我想修改它目前的工作方式,以满足我的具体需要。

Question1:,我知道如何在更改select时触发一个函数。然后,我过滤选项,如果是,我将启动日期选择器。我不知道该怎么做这部分。

Question2:我不知道如何告诉日期选择器将日期文本添加到现有文本框中。也许我可以以某种方式将日期计时器与文本框链接起来。

  • jquery-1.7.2.min.js
  • jquery-ui-1.8.21.custom.min.js
  • jquery-ui-timepicker-addon.js

更新

弹琴样中,我有选择框和文本框。该按钮由日期/时间选择器创建。

我想要的是:

  • 当用户选择/单击“选择日期和时间”选项时,日期/时间选择器将出现,文本将位于文本框中。
  • 我不希望按钮在页面上可见
  • 我将文本框用于其他目的,不只是用于日期/时间,因此与此文本框相关的任何用户操作都不能显示日期/时间选择器。

示例中的html代码

代码语言:javascript
复制
<input id="datetime" type="text" name="datetime" value="" >
<select size=5>
    <option value="not">Not this one</option>
    <option value="not">Not this one</option>
    <option value="not">Not this one</option>
    <option value="datetimepicker">Select date and time</option>
</select>

示例中的javascript代码

代码语言:javascript
复制
$('#datetime').datetimepicker({
    showOn: "button"
});​

注:上面描述的最终工作版本:http://jsfiddle.net/radek/dPRjS/8/

EN

回答 2

Stack Overflow用户

发布于 2012-06-15 03:40:36

试试这个:

代码语言:javascript
复制
$('#datetime').datetimepicker();
$('option[value=datetimepicker]').click(function() {
    $('#datetime').datetimepicker('show');
});​

要回答您的核心问题,日期选择器插件是datepicker jQueryUI小部件的扩展,可以访问它的所有方法,包括显示方法。因此,您可以在需要时以编程方式调用该节目来打开选择器。

jsFiddle实例

票数 1
EN

Stack Overflow用户

发布于 2012-06-15 03:41:23

用相反的顺序回答你的问题..。

数据报警器通常被“附加”到输入框上。不需要告诉datepicker将其选定的日期放入输入框。当它关闭时,即用户选择日期时,数据报警器就会这样做。

这就留下了如何根据某些外部事件打开数据报警器的诀窍。通常,在附加的输入框中单击,数据报警器就会自动打开。您希望它以select/下拉列表的更改自动打开。

这对我起了作用:

联署材料:

代码语言:javascript
复制
$(document).ready(function() {
  var $dp = $('#date1').datepicker({});

  $('#select1').change(function() {
      // programmatically open the datepicker
      $dp.datepicker('show'); 
  });
});

html:

代码语言:javascript
复制
<input type="text" id="date1" size="12">
<br/>
<select id="select1">
  <option>Hello</option>
  <option>Bonjour</option>
  <option>Buon giorno</option>
  <option>Guten tag</option>
</select>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11044037

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档