如何从bootstrap datepicker获取所选日期的值?

时间:2015-06-01 13:03:04

标签: javascript jquery angularjs bootstrap-datepicker

我正在使用bootstrap datepicker来选择日期。

这是我的HTML代码

 <div>

<input  type="text" name="From" class="form-control" datepicker-popup="yyyy-MM-dd" ng-click="open($event)"  ng-model="Filters.Date" is-open="opened"  datepicker-options="dateOptions"  ng-required="true" close-text="X" />

</div>

我编写了一个默认显示前一天日期的函数。但我无法获得所选日期。如果我获得所选日期值

,则会显示一些默认值,如“1433077321717”

如何从日期选择器中获取所选日期?

4 个答案:

答案 0 :(得分:2)

Unix时间戳以秒为单位。您可以将其转换为毫秒(通过乘以1000)并将其传递给像这样的日期构造函数,以将其转换为Date对象。

var unixtimestamp=1433077321717;
var selected=new Date(unixtimestamp*1000);

答案 1 :(得分:2)

您获得的默认值是时间戳,以毫秒为单位。使用angularjs中提供的日期过滤器。

{{timestamp |日期:&#39;短&#39;}}。您可以按照以下链接转换其他格式的时间戳:

https://docs.angularjs.org/api/ng/filter/date

答案 2 :(得分:1)

我认为Bootstrap正在返回时间戳。

来自您的输入。

你已经写了一个功能来选择前一天。今天(2015年6月1日)将于2015年5月31日举行。

您获得的输出是时间戳 新日期(时间戳),即新日期(1433077321717)= 2015年5月31日星期日18:32:01 GMT + 0530(印度标准时间),即你所设定的日期。

答案 3 :(得分:0)

试试这个

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
    <AnalogClock 
       android:id="@+id/analogClock1" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:gravity="center|top"/> 

  <DigitalClock 
      android:id="@+id/digitalClock1" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:paddingBottom="20dp" 
      android:text="DigitalClock" 
      android:gravity="center|bottom"/>  
</LinearLayout>

但首先将$ filter添加到您的控制器

var date = $filter('date')($scope.Filters.Date, "yyyy-MM-dd")