精华内容
下载资源
问答
  • 主要介绍了JavaScript对表格或元素按文本,数字或日期排序的方法,涉及javascript页面元素操作及排序的相关技巧,需要的朋友可以参考下
  • js 根据日期排序

    2021-11-15 13:10:04
    let arr = [ { name: '1', creatTime: '2021-8-8'}, { name: '2', creatTime: '2019-7-9'}, { name: '3', creatTime: '2018-10-1'}, { name: '4', creatTime: '2020-8-3'}, { name: '5', creatTime: '2020-8-4'...
    let arr = [
        { name: '1', creatTime: '2021-8-8'},
        { name: '2', creatTime: '2019-7-9'},
        { name: '3', creatTime: '2018-10-1'},
        { name: '4', creatTime: '2020-8-3'},
        { name: '5', creatTime: '2020-8-4'}
    ]
    arr.sort(function(a, b){
        return a.creatTime > b.creatTime ? 1 : -1;
    });
    console.log(arr)
    展开全文
  • 我通过制作一个TableHeader组件来解决这个问题,它说语义因为我使用了语义ui …对于代码的spanglish而言,无论如何都必须是同源的.此外,此代码正常,但如果您看到代码/答案的改进,请告诉我!正如你所看到的,我真的不...

    我通过制作一个TableHeader组件来解决这个问题,它说语义因为我使用了语义ui …对于代码中的spanglish而言,无论如何都必须是同源的.此外,此代码正常,但如果您看到代码/答案的改进,请告诉我!

    正如你所看到的,我真的不排在前面……我用排序的项目发出新的请求.

    {{ sth.texto }}  {{ sth.posicion }}

    export default {

    name: "SemanticTableHeader",

    props: {

    sth : {

    type : Object,

    default: () => {}

    },

    sths : {

    type : Array,

    default: () => { return [] }

    },

    filtrosOrder : {

    type : Array,

    default: () => { return [] }

    },

    isSearching : {

    type : Boolean,

    required : true

    }

    },

    methods: {

    cycleSort(sth, event) {

    if(this.isSearching == true){

    return false;

    }

    switch (sth.direction) {

    case null:

    sth.direction = 'asc';

    sth.icon = 'sort ascending';

    break;

    case 'asc':

    sth.direction = 'desc';

    sth.icon = 'sort descending';

    break;

    case 'desc':

    sth.direction = null;

    sth.icon = 'sort disabled';

    break;

    default:

    sth.direction = null;

    sth.icon = 'sort disabled';

    }

    this.manejaCambioHeader(sth);

    },

    manejaCambioHeader: _.debounce(function (sth) {

    var self = this;

    console.log(this.filtrosOrder);

    let auxUser = _.find(this.filtrosOrder, function(o) { return o.id == sth.id; });

    if( auxUser != null ){

    auxUser.direction = sth.direction;

    if(auxUser.direction == null){

    for (var i=0 ; i < this.filtrosOrder.length ; i++){

    if (this.filtrosOrder[i].id === auxUser.id) {

    let auxSths = _.find(self.sths, function(o) { return o.id == sth.id; });

    auxSths.posicion = 0;

    this.filtrosOrder.splice(i, 1);

    }

    }

    }

    }else{

    this.filtrosOrder.push({ id: sth.id, direction: sth.direction });

    }

    for (var i=0 ; i < self.filtrosOrder.length; i++){

    let auxSths = _.find(this.sths, function(o) { return o.id == self.filtrosOrder[i].id; });

    auxSths.posicion = i + 1;

    }

    console.log(this.filtrosOrder);

    this.$emit('sortHeaderChanged', sth);

    }, 400),

    },

    }

    th span{

    cursor: pointer !important;

    -webkit-touch-callout: none; /* iOS Safari */

    -webkit-user-select: none; /* Safari */

    -khtml-user-select: none; /* Konqueror HTML */

    -moz-user-select: none; /* Firefox */

    -ms-user-select: none; /* Internet Explorer/Edge */

    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */

    }

    i.icon{

    margin: 0em -0.2em 0em 0em;

    }

    在我的索引视图中,我只是加载组件并像这样使用它

    :sth="sth"

    :sths="sths"

    :isSearching="isSearching"

    :filtrosOrder="filtros.orderBy"

    @sortHeaderChanged="fetchIndex"

    >

    export default {

    name: "ContactsIndex",

    data:() => ({

    filtros:{

    orderBy:[

    { id: 'nombre', direction: 'asc' } // orderBy is calculated through the headers component

    ]

    },

    sths:[

    { id: 'nombre', texto: 'Nombre', icon: 'sort ascending', direction: 'asc', posicion: 1 },

    { id: 'telefonos', texto: 'Teléfono(s)', icon: 'sort disabled', direction: null, posicion: 0 },

    { id: 'emails', texto: 'Correo Electrónico(s)', icon: 'sort disabled', direction: null, posicion: 0 },

    { id: 'estatus', texto: 'Estatus', icon: 'sort disabled', direction: null, posicion: 0 }

    ],

    contacts: [],

    }),

    created() {

    this.fetchIndex();

    },

    methods: {

    resetFilters() {

    // this function is to reset filters and headers

    Object.assign(this.$data.filtros, this.$options.data().filtros);

    this.$data.sths = this.$options.data().sths;

    this.fetchIndex();

    },

    fetchIndex() {

    let self = this;

    // this is a wrapper i made for an axios post call you can replace it with a normal call

    singleIndexRequest('/api/v1/contacts/index', self).then(response => {

    self.contacts = response.data.contacts;

    });

    },

    }

    }

    展开全文
  • js中日期比较排序

    千次阅读 2016-05-08 15:29:34
    js中日期比较排序

    js中日期比较排序

    <html>
    	<head>
    		<title>blog</title>
    		<script type="text/javascript">
    			function Blog(body,date){//Blog对象的构造函数
    				this.body=body;
    				this.date=date;
    			}
    			var blog=[new Blog("11111",new Date("05/01/2016")),new Blog("22222",new Date("05/05/2016")),new Blog("33333",new Date("05/03/2016")),new Blog("44444",new Date("05/07/2016"))];
    			blog.sort(function(blog1,blog2){//对blog数组进行排序,最新日期放在最前面
    				return blog2.date-blog1.date;
    			});
    			function showBlog(numEntries){//进入网页就加载该函数或者点击按钮调用该函数
    				if(!numEntries)//没有值时则显示全部的Blog对象
    					numEntries=blog.length;
    				var i=0,blogText="";
    				while(i<blog.length&&i<numEntries){
    					if(i%2==0)
    						blogText+="<p style='background-color:#EEEEEE'>";
    					else
    						blogText+="<p>";
    //					blogText+="<strong>"+blog[i].date+"</strong><br />"+blog[i].body+"</p>"; 
    					blogText+="<strong>"+(blog[i].date.getMonth()+1)+"/"+blog[i].date.getDate()+"/"+blog[i].date.getFullYear()+"</strong><br />"+blog[i].body+"</p>";
    					i++;
    				}
    				document.getElementById("blog").innerHTML=blogText;
    			}
    		</script>
    	</head>
    	<body οnlοad="showBlog(1);">
    		<h3>THE BLOG</h3>
    		<div id="blog"></div>
    		<input type="button" id="showAll" value="show all" οnclick="showBlog();" />
    		<input type="button" id="show2" value="show2" οnclick="showBlog(2);" />
    	</body>
    </html>


    展开全文
  • Say you have an array of objects like this, which ... 假设您有一个像这样的对象数组,其中包含一组日期对象 : const activities = [ { title: 'Hiking', date: new Date('2019-06-28') }, { title: 'Sh...

    Say you have an array of objects like this, which contains a set of date objects:

    假设您有一个像这样的对象数组,其中包含一组日期对象

    const activities = [
      { title: 'Hiking', date: new Date('2019-06-28') },
      { title: 'Shopping', date: new Date('2019-06-10') },
      { title: 'Trekking', date: new Date('2019-06-22') }
    ]

    You want to sort those activities by the date property.

    您想按date属性对这些活动进行排序。

    You can use the sort() method of Array, which takes a callback function, which takes as parameters 2 objects contained in the array (which we call a and b):

    您可以使用Arraysort()方法,该方法带有一个回调函数,该函数将数组中包含的2个对象(我们称为ab )作为参数:

    const sortedActivities = activities.sort((a, b) => b.date - a.date)

    When we return a positive value, the function communicates to sort() that the object b takes precedence in sorting over the object a. Returning a negative value will do the opposite.

    当我们返回正值,对功能进行通信sort()的对象b优先排序中在对象上a 。 返回负值将执行相反的操作。

    The sort() method returns a new sorted array, but it also sorts the original array in place. Thus, both the sortedActivities and activities arrays are now sorted. One option to protect the original array from being modified is to use the slice() method to create a copy of the array prior to sorting, as follows:

    sort()方法返回一个新的已排序数组,但它也会对原始数组进行适当排序。 因此, sortedActivitiesactivities数组现在都已排序。 保护原始数组免遭修改的一种方法是使用slice()方法在排序之前创建数组的副本,如下所示:

    const sortedActivities = activities.slice().sort((a, b) => b.date - a.date)

    翻译自: https://flaviocopes.com/how-to-sort-array-by-date-javascript/

    展开全文
  • js日期排序

    2020-04-30 13:51:44
    let sortList = sendList.sort((a,b)=>{ return new Date(a.startTime) > new Date(b.startTime) ? 1 : -1; })
  • jsSort可以按日期,数字和字符串值排序。 可以通过在属性字符串的开头附加“ [ASC]”或“ [DESC]”来设置每个属性的排序顺序。 如果未指定排序顺序,则默认为升序排序。 用法 首先使用脚本标签或使用commonJS / AMD...
  • js数组的对象排序和按日期排序

    千次阅读 2020-08-02 21:29:12
    1、数组的对象排序 that.sjjsList.sort(function(a,b){ if (a.jsbl === b.jsbl) { return a.distcode-b.distcode } else { return b.jsbl - a.jsbl; } ...
  • js实现数据日期排序

    2020-12-19 14:45:24
    今天写消息栏的页面,发现有消息排序,最新的消息排在最前面。特此记录一下按照日期排序数据。 下面贴代码 这是排序后的结果
  • js日期排序(使用sort)

    千次阅读 2020-05-29 14:30:56
    近期写项目,需要用对象的...先看按日期排序的函数 let data = [{ id: 2, time: '2019-04-26 10:53:19' }, { id: 4, time: '2019-04-26 10:51:19' }, { id: 1, time: '2019-04-26 11:04:32' }, { id:
  • javascript的sort方法实现日期排序 const arrayList = [ { id: '1', name: '2020年活动事件', startData: '2020-07-01', }, { id: '2', name: '2019年活动事件',
  • js日期时间排序

    2021-09-07 15:51:08
    data= [ { "id": 9189, "time": "2020-06-28", }, { "id": 9229, "time": "2020-06-24", }, { "id": 10448, "time": "2020-07-07", }, {
  • vue.js日期排序处理

    千次阅读 2020-08-17 14:45:31
    var newDate = currentDate.getDate(); var data2 = {name:'zk00',age:'26',date_time:newDate}; this.students.push(data2); this.students.map(mapItem => { console.log('aaa====...
  • 主要介绍了利用JS如何实现点击表头后表格自动排序,其中包含数字排序、字符串排序以及日期格式的排序,文中给出了完整的示例代码,相信对大家具有一定的参考价值,感兴趣的朋友们一起来看看吧。
  • javascript中有2种排序方式必须知道,也是 面试 经常会问到的问题 冒泡排序 原理:通过循环让数组里的每一项与后一项进行比较 然后交换位置 接下来,我们看代码 //1.准备一个乱序的数组 let arr = [1, 9, 6, 4, 5...
  • 或通过String#localeCompare将日期字符串反转后使用字符串比较。 let sortedCars1 = cars.sort((a, b) => a.initialRegistration.split('/').reverse().join().localeCompare(b.initialRegistration.split('/')....
  • js 日期排序(sort)

    2018-11-19 14:17:00
    按创建时间日期排序 例如 eg 1.升序 2.降序 返回的结果: 注: 支持IE和Chrome其他的浏览器可自行测试 转载于:https://www.cnblogs.com/gaoht/p/9982898.html...
  • 1.时间正序: tem_list.sort(function(a,b){ return Date.parse(a.ctime) - Date.parse(b.ctime); // 时间正序 }); 2.时间倒序: tem_list.sort(function(a,b){ ...} ] 返回值就是tem_list本身,返回排序后的新列表。
  • js 日期排序(Sort)

    千次阅读 2016-07-22 15:34:09
    按创建时间排序 例如 response=data.rows 1.倒序 response.sort(function (a, b) { return a.createtime; }); 2.升序 response.sort(function (a, b) { return a.createtime>b.crea
  • js日期进行排序

    2021-10-22 10:50:48
    let data = [ { count:"8", name: "21-09" },{ count:"8", name: "20-11" },{ count:"8", name: "20-12" },{ .
  • sort实现日期排序

    2021-08-23 17:24:17
    日期排序,支持升序或降序 // 日期排序 function dateSort(arr){ arr.sort(function(a,b){ return a > b?1:-1; //升序排列 //return a > b?-1:1; //降序排列 }) return arr; } let arr = ["2020-08-09...
  • JS Date日期排序

    千次阅读 2016-03-18 17:08:17
    JS Date日期排序<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <meta http-equiv=
  • function sortDownDate(a, b) { //date是对象时间的字段升序,如果倒序把减号两边的位置换一下 return Date.parse(b.date) -Date.parse(a.date); } let nArr = hislist.sort(sortDownDate) console.log(nArr)...
  • js中 sort排序出错的处理 在开发过程常会用到js排序的方法,在用sort排序时数果是数字排序会出现不是正常大小排序。如果没有指定比较方法时,元素会按照转换为的字符串的诸个字符的Unicode位点进行排序。例如当...
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>...script src="../js/echarts.min.js"></script> </head&g...
  • js 对时间排序

    千次阅读 2021-01-05 09:07:31
    一、sort()方法 var data = [ { name:‘1’, time:‘2019-04-26 10...例如今天是“7/6/2008”或是“7-6-2008”,因为浏览器原因,当使用“7-6-2008”这种格式时,在IE可以正常解析,但在FireFox,返回值却总是NaN。
  • }} 或者在第二个例子:Collections.sort(myList, new Comparator() { public int compare(MyObject o1, MyObject o2) { if (o1.getDateTime() == null || o2.getDateTime() == null) return 0;...
  • <!DOCTYPE html><... <head> <meta charset="UTF-8"> <...数组排序</title> </head> <body> </body> <script type="text/javascript"> var a=[{pac...
  • var allMyApp = [ {"startDate": ... //arr就是最终的排序后的数组 console.log(arr); function sortDate(a,b){ return a.timeStartApp-b.timeStartApp } 转载于:https://www.cnblogs.com/qing619/p/9284249.html

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 42,594
精华内容 17,037
关键字:

js中日期排序