moment 和ko 绑定msdate格式的日期值（静态text）

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="" />
    <meta name="author" content="" />
  
   
   
<script src="moment-with-locales.min.js"></script>
<script src="knockout-3.1.0.js"></script>
<script src="jquery-1.10.2.js"></script>

   
</head>
<body>

 <div  data-bind="msDateText: date" ></div>
 <!-- 带指定格式方式-->
 <div  data-bind="msDateText: date,format:'llll'"></div>
</body>

    <script>
       // moment().format();
        moment.locale('zh-cn');
        
        var myViewModel = {
    date:ko.observable("/Date(1198908717056-0700)/")
};


ko.bindingHandlers.msDateText = {
   
   /*
   只绑定div之类的text，不需要init，其实写在init也可以
   */
    update: function(element, valueAccessor,allBindings) {
       //valueAccessor是ko绑定模式，需要解一下
       var value = ko.utils.unwrapObservable(valueAccessor());
       var showText ;
       //获得format参数
       if (allBindings.has('format'))
       {
            var format = allBindings.get('format');
            showText = moment(value).format(format);
       }
       else 
       {
            showText = moment(value)
        }
       $(element).text(showText);
    }
};
ko.applyBindings(myViewModel);

</script>
</html>
posted on 2015-11-09 16:20 聪明的大熊阅读(471) 评论(0) 编辑收藏举报