如何在materillize中更改日期选择器的开始年份

Question

我想设置开始年份使用materialize css并希望从1990年开始

HTML

<input type="text" class="datepicker">

JS

$(document).ready(function(){
    $('.datepicker').datepicker();
});

Answer 1

您可以修改javascript，如下所示调整年份。我希望这对你有用。

class Products extends Component {
render() {
return (
<Paper>
   <div>
      <Table>
         <TableHead>
            <TableRow>
               <TableCell>Hi</TableCell>
            </TableRow>
         </TableHead>
         <TableBody>
            <TableRow>
               <TableCell>1</TableCell>
            </TableRow>
         </TableBody>
         <TableFooter>
            <TableRow>
               <TablePagination 
                  colSpan={3}
                  count={5}
                  rowsPerPage={2}
                  page={0}
                  />
            </TableRow>
         </TableFooter>
      </Table>
   </div>
</Paper>
)
}
}

Answer 2

将范围设置为datepicker

$(function(){
   $(".datepicker").datepicker({
      changeMonth: true,
      changeYear: true,
      yearRange: '1990:'+(new Date).getFullYear() 
   });
});

Answer 3

使用Materialize版本

 $(document).ready(function(){
    $('.datepicker').datepicker({
      yearRange: 59
    });

或者，提供所需年份的数组...可以用Java脚本轻松完成

$(document).ready(function(){
    $('.datepicker').datepicker({
      yearRange: [1970,2019]
    });