javascript – 如何从文本框中获取日期和时间选择器值？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何从文本框中获取日期和时间选择器值？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1997字，纯文字阅读大概需要3分钟。

内容图文

我正在使用不用于获取当前日期和时间的日期和时间选择器,而不是用户想要选择一些日期和时间,以便……

这是我的日期和时间选择器代码.

<form class="form-horizontal" id="myForm">
                            <label for="from" class="col-sm-1 col-md-1 col-xs-3 control-label">From:</label>
                            <div class="form-group ">
                                <div class="input-group">
                                    <span class="input-group-addon"> <i
                                        class="fa fa-time"></i>
                                    </span> <input type="text" name="from_time" id="from_time"
                                        class="form-control" placeholder="" readonly="" />
                                </div>
                            </div>
<label for="to" class="col-sm-1 col-md-1 col-xs-3 control-label">To:</label>
                    <div class="form-group ">
                        <div class="input-group">
                            <span class="input-group-addon"><i
                                class="fa fa-time"></i> </span> <input type="text"
                                name="to_time" id="to_time" class="form-control" placeholder=""
                                readonly="">
                        </div>
                    </div>
<label for="date" class="col-sm-1 col-md-1 col-xs-3 control-label">Date:</label>
                    <div class="form-group ">
                        <div class="input-group">
                            <span class="input-group-addon"><i
                                class="fa fa-cal"></i> </span> <input type="text"
                                name="date" id="date" class="form-control" placeholder="" />
                        </div>
                    </div>
<input type="button" onclick="getresult()" value="Submit">
</form>
                    </div>
                </div>
            </div>

和我的日期和时间选择器的脚本代码

<script type="text/javascript">
        $(document).ready(function(){
        $('#from_time').timepicker({showMeridian: false});
        $('#to_time').timepicker({showMeridian: false});
        });
</script>
    <script type="text/javascript">
        $(document).ready(function(){
        $('#date').datepicker({ dateFormat: 'mm-dd-yy' }).datepicker("setDate", new Date());

        });
    </script>

这是我如何尝试从文本框ID获取日期和时间的结果

function getresult(){
    var Date=$("date").val();
    var From_Time=$("from_time").val();
    var To_Time=$("to_time").val();
    alert(Date+" "+From_Time+" "+To_Time);
}

但是这会给出像“undefined”“undefined”这样的结果..在不知道该怎么做的时候plzzz帮我解决了这个问题

解决方法:

您必须使用ID选择器#card来获取值.

function getresult(){
    var Date=$("#date").val();
    var From_Time=$("#from_time").val();
    var To_Time=$("#to_time").val();
    alert(Date+" "+From_Time+" "+To_Time);
}

Manual

内容总结

以上是互联网集市为您收集整理的javascript – 如何从文本框中获取日期和时间选择器值？全部内容，希望文章能够帮你解决javascript – 如何从文本框中获取日期和时间选择器值？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端