Timepicker sorunu
Merhaba arkadaşlar, Linkte öreği olan bir timepicker kullanıyorum. saat kısmı ile ilgili sorun yaşıyorum. saat 23'ten sonra gelen saatlerin 00:00, 01:00, 02:00... şeklinde görünmesini istiyorum. Fakat bir çözümünü bulamadım. internette Buradaki gibiçözüm önerilerileri var fakat bunlar işimi göremedi yardımcı olursanız çok sevinirim...
javascript dosyasının düzenlenmesi gerekiyor kaynak kendi makinen değil de uzak makinede olduğu için düzenleyemezsin o yüzden kaynak makineye çekmen gerekiyor.
Aşağıdaki alanı bul. return this.hour + ':' kodu return this.hour.padStart(2, '0') + ':' olarak değiştirirsen sonuca ulaşabilirsin.
Sadece ihtiyacıma göre araştırma yapıp bulan birisi olduğum için daha fazla faydalı olamıyorum kusura kalma...
...
getTime: function () {
if (this.hour === '') {
return '';
}
//orijinal return this.hour + ':' + (this.minute.toString().length === 1 ? '0' + this.minute : this.minute) + (this.showSeconds ? ':' + (this.second.toString().length === 1 ? '0' + this.second : this.second) : '') + (this.showMeridian ? ' ' + this.meridian : '');
return this.hour.toString().padStart(2, '0') + ':' + (this.minute.toString().length === 1 ? '0' + this.minute : this.minute) + (this.showSeconds ? ':' + (this.second.toString().length === 1 ? '0' + this.second : this.second) : '') + (this.showMeridian ? ' ' + this.meridian : '');
},
...
Bir de jsfiddle üzerindeki kaynak bağlantılarınI sırasına göre eklemeyi unutma.
...
<head>
<link rel="stylesheet" href="https://www.okler.net/previews/porto-admin/3.0.0/vendor/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="https://www.okler.net/previews/porto-admin/3.0.0/vendor/bootstrap-timepicker/css/bootstrap-timepicker.css">
<script src="https://www.okler.net/previews/porto-admin/3.0.0/vendor/jquery/jquery.js"></script>
<script src="https://www.okler.net/previews/porto-admin/3.0.0/vendor/bootstrap/js/bootstrap.js"></script>
<script src="bootstrap-timepicker.js"></script>
<script src="https://www.okler.net/previews/porto-admin/3.0.0/js/theme.js"></script>
<script src="https://www.okler.net/previews/porto-admin/3.0.0/js/theme.init.js"></script>
</head>
...