v2.5.2
Giriş yap

Timepicker sorunu

medesan
593 defa görüntülendi
2

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...

html javascript jquery
Cevap yaz
Cevaplar (2)
medesan
1260 gün önce

hocam elinize sağlık çok teşekkür ederim. fakat şöyle bir durum oluştu. input içinde istediğim gibi görünüyor fakat açılan dropdown içinde saat kısmı 1,2,3,4... şeklinde görünmeye devam edyor.:(

0
#002739
trsherlock
1261 gün önce

bootstrap-timepicker.js

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>
    ...
0
#002728