Nakavt Şablonda Biçimlendirme Tarihi

Question

Nakavt şablonunda bir tarihi biçimlendirmek istiyorum. Ben

<td data-bind="text: FirstDate"> 

kullanıyorum bağlayıcıdır o İşte

07/04/2013 

gibi görüntülenir istiyorum tarih şu anda varsayılan biçimlendirme özellikleri Are

2013-07-04T00:00:00 

olarak iade ediliyor Knockout'un şablonunda mı?

Answer 1

Knockout'ta genel biçimlendirme veya biçimlendirme ile ilgili hiçbir şey bulunmuyor. text bağlaması yalnızca özellik değerini dizeye dönüştürür, böylece özel biçimlendirmeyi istiyorsanız kendiniz yapmanız gerekir.

Tarihleri ​​ile çalışmak JavaScript'te bu kadar kolay değildir, bu nedenle bunun için moment.js gibi bir üçüncü taraf kitaplığı kullanmak muhtemelen daha iyidir. Kullanımı çok basittir ve tarihlerinizi format method ile biçimlendirebilir. Gerekli Ay sayısı, ayın günü, yıl formatı için 'L' biçiminde yerleşik olarak bulunur.

Sen görüntüleme modelinde an js kullanabilir veya doğrudan senin gibi bağlayıcı içinde:

<td data-bind="text: moment(FirstDate).format('L')"> 

Yoksa bu biçimlendirme mantığını kapsüller özel bağlama işleyicisi oluşturabilirsiniz.

Not: ko.observable, ko.observable veri bağlayıcı ifadenizde değerini almak için FirstDate özelliğinizde () özelliğini kullandığınızdan emin olun.

Answer 2

Moment.js'yi Stephen Redd's date extender'un değiştirilmiş bir sürümünde kullanıyorum. Veri bindeki bir işlevi çağırmaktan biraz daha temiz olan, buna benzer.

<input type="text" data-bind="value: dateOfBirth.formattedDate" /> 

Answer 3

Sen ayrıca bir genişletici oluşturmak için MomentJs kullanabilirsiniz:

ko.extenders.date = function (target, format) { 
    return ko.computed({ 
     read: function() { 
      var value = target(); 
      if (typeof value === "string") { 
       value = new Date(value); 
      } 

      return moment(value).format("LL"); 
     }, 
     write: target 
    }); 
} 

ViewModel:

self.YourDate = ko.observable().extend({ date: true }); 

http://momentjs.com/docs/#/displaying/format/