estoy usando una libreria de jquery DDslick para llenar los input selects con estilos inncluso imagenes, la libreria usa arrays para llenarlos por ejemplo..
var data=
[
{ text: "Facebook",//este es el texto que se ve en la cabecera
value: 1,//este es el valor de el select,puedes poner el que quieras
selected: false//opccion si deceas que este seleccionado o no
}
]
este div seria el emulador del select
<div id="Dropdown"></div><!--este seria el emulador del select-->
y asi seria como llenaria ese div para que sea un select
$('#Dropdown').ddslick({
data:data,//esta es la variable data que llenara el div
width:300,//manipular estilos del select
selectText: "Select your preferred social network",
imagePosition:"right",
onSelected: function(selectedData){//este metodo serai el onchange
//callback function: do something with selectedData;
}
});
esta es la Documentacion de la libreria por si les interesa
ahora bien lo que yo quiero hacer es llenar un array con fechas de un siclo for
por que escribir fechas desde el 1970 al 2020 una por una en un array no seria muy gracioso de digamos XD, por lo tanto nececito que el array tenga la misma estructura que usa la libreria para que pueda aceptarmelo ojala me entiendan, en este snipper veran los input selects con estilos
//Dropdown plugin data
var ddData = [{text:"any",value:"any"}];
// Si el objeto es igual puedes hacer algo así.
for(var i=1970; i<2020; i++){
// Tu fecha
var dataFecha=i;
// Creas un nuevo objeto.
var objeto = {
// Le agregas la fecha
fecha: dataFecha,
text: i,
value: i,
selected: false
}
ddData.push(objeto);
}
$('#Dropdown').ddslick({
data:ddData,
width:300,
height:300,
selectText: "vehicle year",
imagePosition:"right",
onSelected: function(data){
var d=data.selectedData.value;
$("#show").html(d)
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.rawgit.com/prashantchaudhary/ddslick/master/jquery.ddslick.min.js" ></script>
<div id="Dropdown"></div>
<div id="show"></div>
<div id="fecha"></div><!--need to fill out this one width date-->
lo que me gustaria es llenar ese array con fechas algo mas o menos asi pero la verda es que no se como hacerlo bien por eso recurri a ustedes, espero que me puedadn ayudar gracias!
for(var i=1970; i<2020; i++){
var dataFecha=i;
}