我有一个包含20个选项的选择,当用户只选择一个特定的选项“选择日期时间”时,日期(时间)选择器应该出现,然后在输入框中填充日期时间文本。
这有可能吗?我怎么能这么做?
我现在有约会(挑选者)在工作。它由按钮触发并链接到输入框。但我想修改它目前的工作方式,以满足我的具体需要。
Question1:,我知道如何在更改select时触发一个函数。然后,我过滤选项,如果是,我将启动日期选择器。我不知道该怎么做这部分。
Question2:我不知道如何告诉日期选择器将日期文本添加到现有文本框中。也许我可以以某种方式将日期计时器与文本框链接起来。
更新
在弹琴样中,我有选择框和文本框。该按钮由日期/时间选择器创建。
我想要的是:
示例中的html代码
<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代码
$('#datetime').datetimepicker({
showOn: "button"
});注:上面描述的最终工作版本:http://jsfiddle.net/radek/dPRjS/8/
发布于 2012-06-15 03:40:36
试试这个:
$('#datetime').datetimepicker();
$('option[value=datetimepicker]').click(function() {
$('#datetime').datetimepicker('show');
});要回答您的核心问题,日期选择器插件是datepicker jQueryUI小部件的扩展,可以访问它的所有方法,包括显示方法。因此,您可以在需要时以编程方式调用该节目来打开选择器。
jsFiddle实例。
发布于 2012-06-15 03:41:23
用相反的顺序回答你的问题..。
数据报警器通常被“附加”到输入框上。不需要告诉datepicker将其选定的日期放入输入框。当它关闭时,即用户选择日期时,数据报警器就会这样做。
这就留下了如何根据某些外部事件打开数据报警器的诀窍。通常,在附加的输入框中单击,数据报警器就会自动打开。您希望它以select/下拉列表的更改自动打开。
这对我起了作用:
联署材料:
$(document).ready(function() {
var $dp = $('#date1').datepicker({});
$('#select1').change(function() {
// programmatically open the datepicker
$dp.datepicker('show');
});
});html:
<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>https://stackoverflow.com/questions/11044037
复制相似问题