Skip to content

muammerkeles/selin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 

Repository files navigation

Selin

Komponent, belirlenen tarih aralığı içindeki haftanın seçilen günlerini listelemyi sağlar.

    <div class="my-element">
        <!-- component burada oluşturulur-->
    </div>
    $(".my-element").Selin({ 
		years: [2019, 2020, 2021],
		daysTo:[2,3],  // haftanın kaçıncı günlerinin seçilecegini belirler
		locale:'tr', // dil ve haftanın ilk  gününü belirlemek için lokalizasyon
		recycle:false, // dönüş bittiğinde başa sar/sarma
		order:"desc", // veya "asc" ile listeyi sorting eder
		arrows: {	/// sağ-sol okları
			//iconSet: 'FontAwesome',
			//left: '<i class="fa fa-arrow-left"></i>',
			//right: '<i class="fa fa-arrow-right"></i>',
			iconSet: 'MaterialDesignIcons',
			left: '<i class="mdi mdi-arrow-left"></i>',
			right: '<i class="mdi mdi-arrow-right"></i>'

		},
		onChange: function (currentIndex, currentDates) {
			//currentIndex, collector[currentIndex]
			console.log("currentIndex", currentIndex);
			console.log("currentDates", currentDates);
		},
		 onInit: function (options) {
			console.log("Selin has inited!", options);
		}
    }); 
Option Type Default Value
years Array [] '2019' Birden fazla yıl girilebilir.
daysTo Array[] [1,5] Haftanın kaçıncı günlerinin işleneceği
locale String 'tr' Dil ve haftanın ilk günü için lokalizasyon
recycle Boolean false true - false
order String "asc" "asc" - "desc"
arrows array[] iconSet: 'FontAwesome',left: '',right: ''

Demo


CSS

JS

Releases

No releases published

Packages

No packages published