blocks|key|189032|text|使用以下两种方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|189033|$("#datetimepicker1").data("datetimepicker").getDate();|code-block|syntax|javascript|189034|或者(通过查看页面源代码)：|189035|$("#datetimepicker1").find("input").val();|189036|返回值将是一个Date+(对于上面的第一个示例)，因此您需要自己对其进行格式化：|offset|length|style|CODE|189037|var+date+=+$("#datetimepicker1").data("datetimepicker").getDate(),
++++formatted+=+date.getFullYear()+%2B+"-"+%2B+(date.getMonth()+%2B+1)+%2B+"-"+%2B+date.getDate()+%2B+"+"+%2B+date.getHours+%2B+":"+%2B+date.getMinutes()+%2B+":"+%2B+date.getSeconds();
alert(formatted);|189038|此外，您还可以将格式设置为属性：|189039|<div+id="datetimepicker1"+class="date">
++++<input+data-format="yyyy-MM-dd+hh:mm:ss"+type="text"></input>
</div>|189040|你可以使用$("#datetimepicker1").find("input").val();|189041|entityMap^0|0|0|0|0|7|4|0|0|0|0|5|16|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|12|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|14|8|@$M|15|N|16|O|P]]|9|@]|A|$]]|$1|Q|3|R|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|6|7|18|8|@]|9|@]|A|$]]|$1|U|3|V|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|W|3|X|5|6|7|1A|8|@$M|1B|N|1C|O|P]]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|Z|$]]

Either use:

<pre><code>$("#datetimepicker1").data("datetimepicker").getDate();
</code></pre>

Or (from looking at the page source):

<pre><code>$("#datetimepicker1").find("input").val();
</code></pre>

The returned value will be a <code>Date</code> (for the first example above), so you need to format it yourself:

<pre><code>var date = $("#datetimepicker1").data("datetimepicker").getDate(),
 formatted = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " + date.getHours + ":" + date.getMinutes() + ":" + date.getSeconds();
alert(formatted);
</code></pre>

Also, you could just set the format as an attribute:

<pre><code>&lt;div id="datetimepicker1" class="date"&gt;
 &lt;input data-format="yyyy-MM-dd hh:mm:ss" type="text"&gt;&lt;/input&gt;
&lt;/div&gt;
</code></pre>

and you could use the <code>$("#datetimepicker1").find("input").val();</code>

blocks|key|188475|text|看起来博士已经进化了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|188476|现在应该使用：$("#datetimepicker1").data("DateTimePicker").date()。|offset|length|style|CODE|188477|NB：这样做会返回Moment+object，而不是Date对象|BOLD|188478|entityMap|0|LINK|mutability|MUTABLE|url|http://momentjs.com/docs/^0|0|7|1F|0|0|2|9|D|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@$D|U|E|V|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|W|8|@$D|X|E|Y|F|J]]|9|@$D|Z|E|10|1|11]]|A|$]]|$1|K|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

It seems the doc evolved. 

One should now use : 
<code>$("#datetimepicker1").data("DateTimePicker").date()</code>. 

NB : Doing so return a <a href="http://momentjs.com/docs/">Moment object</a>, not a Date object

blocks|key|188486|text|要调用Bootstrap-datetimepikcer支持的函数，应使用以下语法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|188487|$('#datetimepicker').data("DateTimePicker").FUNCTION()|code-block|syntax|javascript|188488|所以你可以试试这个函数：|188489|$('#datetimepicker').data("DateTimePicker").date();|188490|文档：http://eonasdan.github.io/bootstrap-datetimepicker/Functions/|offset|length|188491|entityMap|0|LINK|mutability|MUTABLE|url|http://eonasdan.github.io/bootstrap-datetimepicker/Functions/^0|0|0|0|0|3|1P|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

To call the Bootstrap-datetimepikcer supported functions, you should use the syntax:

<pre><code>$('#datetimepicker').data("DateTimePicker").FUNCTION()
</code></pre>

So you can try the function: 

<pre><code>$('#datetimepicker').data("DateTimePicker").date();
</code></pre>

Documentation: <a href="http://eonasdan.github.io/bootstrap-datetimepicker/Functions/" rel="noreferrer">http://eonasdan.github.io/bootstrap-datetimepicker/Functions/</a>

blocks|key|3021118|text|或者尝试：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3021119|$("#datetimepicker").data().date;|code-block|syntax|javascript|3021120|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Or try:
<pre><code>$(&quot;#datetimepicker&quot;).data().date;
</code></pre>

blocks|key|188503|text|由于返回值已更改，正如Alexandre+Bourlier所述，$("#datetimepicker1").data("DateTimePicker").date()实际上返回了一个moment对象：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|188504|188505|看起来文档已经进化了。|blockquote|188506|188507|现在应该使用：$("#datetimepicker1").data("DateTimePicker").date().|188508|注意:这样做会返回一个Moment对象，而不是Date对象|188509|188510|因此，我们必须使用.toDate()将此语句更改为如下日期：|188511|$("#datetimepicker1").data("DateTimePicker").date().toDate();|188512|entityMap^0|W|1F|0|0|0|0|0|0|0|0|0|1P|0^^$0|@$1|2|3|4|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]|$1|G|3|H|5|I|7|Z|8|@]|D|@]|E|$]]|$1|J|3|-4|5|6|7|10|8|@]|D|@]|E|$]]|$1|K|3|L|5|6|7|11|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|12|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|13|8|@]|D|@]|E|$]]|$1|P|3|Q|5|6|7|14|8|@]|D|@]|E|$]]|$1|R|3|S|5|6|7|15|8|@$9|16|A|17|B|C]]|D|@]|E|$]]|$1|T|3|-4|5|6|7|18|8|@]|D|@]|E|$]]]|U|$]]

Since the return value has changed, <code>$(&quot;#datetimepicker1&quot;).data(&quot;DateTimePicker&quot;).date()</code> actually returns a moment object as Alexandre Bourlier stated:
<blockquote>
It seems the doc evolved.
One should now use : $(&quot;#datetimepicker1&quot;).data(&quot;DateTimePicker&quot;).date().
NB : Doing so return a Moment object, not a Date object
</blockquote>
Therefore, we must use .toDate() to change this statement to a date as such:
<code>$(&quot;#datetimepicker1&quot;).data(&quot;DateTimePicker&quot;).date().toDate();</code>

blocks|key|188480|text|我使用的是最新的Bootstrap+3+DateTime选择器(http://eonasdan.github.io/bootstrap-datetimepicker/)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|188481|下面是你应该如何内联使用DateTime选取器：|188482|var+selectedDate+=+$("#datetimepicker").find(".active").data("day");|code-block|syntax|javascript|188483|以上返回时间:2017年3月23日|188484|entityMap|0|LINK|mutability|MUTABLE|url|http://eonasdan.github.io/bootstrap-datetimepicker/^0|W|1F|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|Z|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|C|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

I'm using the latest Bootstrap 3 DateTime Picker (<a href="http://eonasdan.github.io/bootstrap-datetimepicker/" rel="nofollow noreferrer">http://eonasdan.github.io/bootstrap-datetimepicker/</a>) 

This is how you should use DateTime Picker inline:

<pre><code>var selectedDate = $("#datetimepicker").find(".active").data("day");
</code></pre>

The above returned: 03/23/2017

blocks|key|187009|text|这对我使用这个Bootsrap+Datetimepiker很有效，它返回日期选择器输入中显示的值，例如2019-04-11|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|187010|$('#myDateTimePicker').on('click,focusout',+function+(){
++++var+myDate+=+$("#myDateTimePicker").val();
++++//console.log(myDate);
++++//alert(myDate);
});|code-block|syntax|javascript|187011|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/Eonasdan/bootstrap-datetimepicker^0|1F|A|7|M|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

This is working for me using this <a href="https://github.com/Eonasdan/bootstrap-datetimepicker" rel="nofollow noreferrer">Bootsrap Datetimepiker</a>, it returns the value as it is shown in the datepicker input, e.g. <code>2019-04-11</code>

<pre><code>$('#myDateTimePicker').on('click,focusout', function (){
 var myDate = $("#myDateTimePicker").val();
 //console.log(myDate);
 //alert(myDate);
});
</code></pre>

blocks|key|191362|text|我尝试了上面所有的方法，但我没有在相同的format中正确地获得值，然后我发现了这个。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|191363|$("#datetimepicker1").find("input")[1].value;|code-block|syntax|javascript|191364|上面的代码将以与datetime选择器中相同的格式返回值。|191365|这可能会在未来对你们有所帮助。|191366|希望这能对你有所帮助..|191367|entityMap^0|K|6|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|W|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|X|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|Y|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|R|$]]

I tried all the above methods and I did not get the value properly in the same <code>format</code>, then I found this.

<pre><code>$("#datetimepicker1").find("input")[1].value;
</code></pre>

The above code will return the value in the same format as in the datetime picker.

This may help you guys in the future.

Hope this was helpful..

I need to get the value of Datetimepicker in my JavaScript function. I have made something like this, but it doesn't work: 

<pre><code>$("#date").click( function(){
 alert(document.getElementById('datetimepicker1').value);
});
</code></pre>

<blockquote>
 It gives me 'undefined'
</blockquote>

Get the value of bootstrap Datetimepicker in JavaScript

我需要在JavaScript函数中获取DatetimePicker值。我做了这样的东西，但它不起作用：$("#date").click( function(){    alert(document.getElementById('datetimepicker1').value);});它给了我“未定义的”

问获取JavaScript中bootstrap Datetimepicker的值
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问获取JavaScript中bootstrap Datetimepicker的值EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问获取JavaScript中bootstrap Datetimepicker的值
EN