Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery设置日期选择器输入的默认值_Javascript_Jquery_Ajax_Forms_Datepicker - Fatal编程技术网

Javascript jQuery设置日期选择器输入的默认值

Javascript jQuery设置日期选择器输入的默认值,javascript,jquery,ajax,forms,datepicker,Javascript,Jquery,Ajax,Forms,Datepicker,我正在构建一个web应用程序,它使用日期选择器过滤某些事件项的搜索结果 表单通过ajax提交很好,(我得到了结果),但是我在设置日期选择器的默认值时遇到了问题。输入类型是基于文本的,但其功能类似于javascript日期选择器。谢谢你的帮助 注意:我并没有从头开始构建表单,但它是定制的,以满足我的需要 jQuery: // Get current date var date = new Date(); var month = date.getMonth()+1; var day = date.

我正在构建一个web应用程序,它使用日期选择器过滤某些事件项的搜索结果

表单通过ajax提交很好,(我得到了结果),但是我在设置日期选择器的默认值时遇到了问题。输入类型是基于文本的,但其功能类似于javascript日期选择器。谢谢你的帮助

注意:我并没有从头开始构建表单,但它是定制的,以满足我的需要

jQuery:

// Get current date
var date = new Date();

var month = date.getMonth()+1;
var day = date.getDate();
var year = date.getFullYear();

var currentDate = day + "-" + month + "-" + year;

$("#CAT_Custom_2_Min").val(currentDate)
$("#calendar-form").submit();
表格HTML:

<form id="calendar-form" action="/Default.aspx?CCID=17654&amp;FID=197248&amp;ExcludeBoolFalse=True&amp;PageID=11940414" method="post" name="catcustomcontentform95560">
    <table cellspacing="0" cellpadding="2" border="0" class="webform">
        <tbody>
            <tr>
                <td><label>Event Start Time Min/Max:</label><br />
                <input type="text" onfocus="displayDatePicker('CAT_Custom_2_Min');return false;" style="background-color: #f0f0f0;" readonly="readonly" class="cat_textbox" id="CAT_Custom_2_Min" name="CAT_Custom_2_Min" /> 
                And <input type="text" onfocus="displayDatePicker('CAT_Custom_2_Max');return false;" style="background-color: #f0f0f0;" readonly="readonly" class="cat_textbox" id="CAT_Custom_2_Max" name="CAT_Custom_2_Max" /></td>
            </tr>
            <tr>
                <td><input type="submit" value="Search" class="cat_button" /></td>
            </tr>
        </tbody>
    </table>
</form>

事件开始时间最小值/最大值:
实时页面:

jsidle:

//获取当前日期
变量日期=新日期();
var month=date.getMonth()+1;
var day=date.getDate();
var currentDate=date.getFullYear()+'/'+
(月你可以试试

<input type="text" id="date1" />

<script type="text/javascript">
var currentTime = new Date();
var month = currentTime.getMonth() + 1;
var day = currentTime.getDate();
var year = currentTime.getFullYear();
var cdate = month + "/" + day + "/" + year;
document.getElementById("date1").value=cdate;
</script>

var currentTime=新日期();
var month=currentTime.getMonth()+1;
var day=currentTime.getDate();
var year=currentTime.getFullYear();
var cdate=月+“/”+日+“/”+年;
document.getElementById(“date1”).value=cdate;

这只是一个在输入框中显示日期的示例…

你知道你正在提交表单并重定向吗?@adeneo是的,我可以提交,但不在日期字段中输入日期,然后返回整个事件列表。它正确地提取了信息。我只是不知道如何设置字段的默认日期。哦,我是只是想知道为什么在使用javascript提交表单时需要日期选择器?您是否尝试过在值字段中设置默认日期,如@adeneo?用户第一次进入页面时,默认情况下我会提交它。这样,他们就有了当前一周事件的默认视图。从那里他们可以选择不同的日期nt日期范围,并获得不同的结果。表单通过Ajax提交。是的,我想我的大脑已经关闭了一天。我不知道我怎么会错过id申报者。但是在更改代码后,我仍然没有得到我需要的结果。我注意到
futureDate
没有被设置为日期,所以我只是更新了我的代码r如果它不起作用,因为我正在处理的字段在文本字段被聚焦时使用了javascript日期选择器。我使用您的代码创建了一个小提琴,我没有任何问题。只有当我尝试在文本字段上这样做时,才会将javascript日期选择器分配给onfocus属性。您能将所有内容都放在JSFIDLE中并共享链接吗?我将链接发布到fiddle。它似乎覆盖了那里。为什么在放置值后提交它,我认为您需要默认显示当前日期,用户可以选择更改日期,然后用户将启动提交。
<input type="text" id="date1" />

<script type="text/javascript">
var currentTime = new Date();
var month = currentTime.getMonth() + 1;
var day = currentTime.getDate();
var year = currentTime.getFullYear();
var cdate = month + "/" + day + "/" + year;
document.getElementById("date1").value=cdate;
</script>