使用JavaScript将HTML日历选定日期作为JSON发送

时间:2018-03-06 16:43:37

标签: javascript html json

我有一个HTML页面,我有2个日历。 “开始日期”和“结束日期”

 <label for="startdatepicker" class="col-sm-2 control-label">Start Date</label>
    <div class="container">
        <div class="row">
            <div class='col-sm-6'>
                <div class="form-group">
                    <div class='input-group date' value="2018-01-01" name="StartDate" id='startdatepicker'>
                        <input type='text' class="form-control" />
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calender"></span>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>


<label for="enddatepicker" class="col-sm-2 control-label">End Date</label>
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <div class="input-group date" id="enddatepicker">
                        <input type="text" class="form-control" />
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calender"></span>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>

这是一个将一些其他数据成功转换为JSON的JavaScript。 (从下拉选择列表中)

我要做的是点击按钮的“点击”,我将以下数据转换为JSON。除日历选择之外的所有内容都有效。

不输出日期,而是输出空的“”。

 $("#requestdata").click(function () {

    var sourceserver = $("#sourceserver").val();
    var orgnumber = $("#orgnumber").val();
    var startdate = $("#startdatepicker").val();
    var enddate = $("#enddatepicker").val();


    var jsonrequest = {
        SourceServer: sourceserver,
        OrgNumber: orgnumber,
        StartDate: startdate,
        EndDate: enddate
    };

    var jsonString = JSON.stringify(jsonrequest);
    console.log(jsonString);

});

我目前的输出是:

{"SourceServer":"CHS-HISTORIAN","OrgNumber":"5679 - Stn001ChsWinLagBlwr","StartDate":"","EndDate":""}

重要的“按钮”HTML

<input type="button" class="btn btn-primary col-sm-offset-2" id="requestdata" value="Request Data" /> 

基本上我在将所选日历日期转换为JSON方面遇到了很多麻烦。

谢谢!

编辑1:

在JavaScript代码中,我改变了      var startdate = $(“#startdatepicker”)。val();

 var startdate = $("#startdatepicker").data("DateTimePicker");

现在控制台正在返回一个空对象

{}

而不仅仅是报价     “”

由于某种原因,该对象仍然是空的。

0 个答案:

没有答案